On/Off Controls

Switches and checkboxes can be used as digital on/off controls. They prompt users to choose between two mutually exclusive options.


Switch

Switches take immediate effect, and do no require the user to click Save or Submit to apply the new state. Switches should not be used as either/or.

Basic

With Label

  • Text: Input Content
States

Off

On


Checkboxes

Checkboxes are used when the action will not be applied immediately. Use when the action will take place with a form submission. View Specs

States

Unselected

Selected