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
Prop | Type | Default |
---|---|---|
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