Properties
Usage
Item selection allows users to apply actions to selected items.
Item selection allows users to apply actions to selected items.
Interactions
On touch devices, select items using: On desktop, items with checkboxes shouldn’t display their checkboxes by default (or permanently) unless item selection is the primary...
Touch devices
On touch devices, select items using:
- A long-press touch or two-finger touch
- A selection shortcut, if available, such as tapping an avatar
Desktop
On desktop, items with checkboxes shouldn't display their checkboxes by default (or permanently) unless item selection is the primary activity in the UI. Instead, checkboxes (or similar indicators) should only be displayed:
- On hover, as a single checkbox for that item
- Upon selection of the first item, after which checkboxes are displayed for remaining items in that set
Item selection
Selecting items (mobile)
To select an item and enter selection mode, long press the item or use a shortcut, such as tapping the item’s avatar. To select additional...
Entering selection mode
To select an item and enter selection mode, long press the item or use a shortcut, such as tapping the item’s avatar. To select additional items, tap each of them.
Exiting selection mode
To exit selection mode, tap each selected item until they’re all deselected, or tap an action on the toolbar.
Larger selections
To select multiple items simultaneously, use a long press and drag gesture across items. However, don’t use this gesture for selection if your app already uses this gesture to pick up and move items (like
Selecting items (desktop)
To make a selection, hover over an item to reveal a checkbox. The checkbox can then be clicked.
Indicating selected elements
To indicate selection, display a check mark and scrim over the selected item or its avatar.
To indicate selection, display a check mark and scrim over the selected item or its avatar.