Switch
Switches are fields that can be set to two states - “on” and “off”. This is a key interaction point for users with which they can toggle settings, visibility of ux components, or even communicate with others.
Examples
Default
Default Switch.
Labeled Switch
Add a label by passing the switch prop to the component.
Detailed Switch
Add a description by passing the description prop to the component.
Get notified when we are online
Sizes
Change the size by passing the size prop to the component.
Small, Medium and Large.
Installation
Properties
label
string
Label for the Switch.
description
string
Description for the Switch.
size
"sm"
"md"
"lg"
default: "md"
Size of the Switch.
disabled
boolean
default: false
Disables the Switch.