Switches are ideal when a setting is either enabled or disabled, and the user should be able to change it instantly without additional confirmation. They are used to toggle between two states.

States

The Switch supports different states including active, inactive, and disabled. Visual feedback is immediate, allowing users to quickly understand the current status of a toggle.

Checked
Unchecked
Disabled

Labeling

Labels should be concise and descriptive to provide clarity about what each switch does.

Sizing

Switches come in two sizes: medium and small. The small size is particularly useful for dense layouts and compact UI patterns.

Medium (default)
Small