Checkbox
A checkbox can either be a primary action or a secondary action.
Type: primary action/state
Desktop checkboxes should appear only on hover and focus.
The checkbox is the primary action and the state indicator for the list item.
Type: secondary action
Separate target
When controlling a family of variables, consider using switches instead.
The checkbox is the secondary action for the list item.
Switch
Type: secondary action
Separate target
The switch is the secondary action and separate target.
Reorder
Type: secondary action
Usually a separate target, depending on which mode list it is in.
Allows dragging of the list item to other locations within the list. It usually appears in list editing mode.
The reorder icon is the secondary action for the list item.
Expand/collapse
Type: secondary action
Separate target
Expands and collapses a list view vertically to show and hide details of existing list items.
By touching the list control, the user expands the list.
The list is expanded.
Collapsed single-line item.
Expanded single-line item.
Leave-behinds
Type: Other
A leave-behind is an informative hint as to what swiping a list item away will do to that item. The leave-behind can transform into an action.
Swiping on a list item from either direction will reveal an icon indicating the action. After swiping, a follow-up action can appear as a text button within the space of the list item.
Swiping on a list item from right to left will reveal an icon indicating the action.
Swiping on a list item from left to right will reveal an icon indicating the action.
