The action bar itself is triggered in a multi-select setting, assuming the user selects a number of items on which to perform a single action. (Though performing the action on just one item is also allowed.)
The action bar is displayed as soon as a single item is selected. Once it appears at the top of the selection area, it can be removed by performing a given action, deselecting the item(s) or clicking dismiss on the right.
The selection info area is required for all action bars. It appears on the left to balance available actions on the right.
Actions appear on the right to sit near the default action of dismiss. While there is no limit to the number of actions you may provide, there is a minimum of one.
The actions listed should apply to all selected items. Once a selection is made, the user cannot make exceptions as to which items are affected by a given action.
The selection info should display the total number of items selected, a label for those items, and the clarification that they are selected.
Regardless of the selection count, stick to numerals—do not spell out smaller numbers.
Don'tspell out numbers 1-9.
Doprovide a clear count for how many they've selected.
The actions should always be verbs. Try sticking to a single word. In some cases, a phrase may be necessary. Just make it short and actionable.
Don'tuse a complete sentence for each action.
Dogive them a single directive for the selected items.
All selection info should be lowercase, not sentence case. (That would capitalize the first word, which we don’t want to do.)
Don'tcapitalize any letter in the selection info.
Dolowercase the entire string.
Treat actions as labels with title case.
|No guidelines exist for Android, Apple or or Windows (yet).|