styledsea
Inputs

Switch

Displays a boolean value.

Switches are the preferred way to adjust settings on mobile. The option that the switch controls, as well as the state it's in, should be made clear from the corresponding inline label.

Default switch

PropTypeDefault
variant
boolean
-

With label

You can provide a label to the Switch thanks to the Label component.

Switch sizes

Use the size prop to change the size of the switch.

Disabled

Example: Controlled

Switch is:Off

Last updated on

On this page

Edit on GitHub