Components Selection controls

Selection controls

Three types of selection controls are covered in this Material Design guideline:

  • Checkboxes allow the selection of multiple options from a set.
  • Radio buttons allow the selection of a single option from a set.
  • Switches allow a selection to be turned on or off.

Usage Expand and collapse content An arrow that points down when collapsed and points up when expanded.

Inline action buttons are displayed within the screen’s content area. They should appear near content where a user can take an action.

A checkbox list that allows multiple selections

A radio button list that only allows a single selection

On/off switches turn a single-setting selection either on or off.

A switch that turns a selection on or off