Getting Started
Dark Mode
Charts
Colors
Drag-and-drop
Forms
Utilities
Controls
Switch
Toggle on or off like a light switch, ideal for binary decisions where a simple tap effortlessly changes states, providing clear and immediate control.
Switch
A switch is a toggle that flips between on and off, similar to a light switch.
Preview
Code
Installation
If you hit any issues, make sure you check out the installation guide here for more information.
Manual Installation
Sometimes, using the CLI is the way to go, so make sure you install the necessary dependencies for the components you want to use.
Controlled
You can manage the switch's state by setting the isSelected prop.
Preview
Code
Dark Mode is disabled
Uncontrolled
You can also use the uncontrolled version of the switch.
Preview
Code
Disabled
A disabled switch cannot be toggled and is non-interactive.
Preview
Code