Controls

Switch

A toggle component that allows users to enable or disable a setting with a smooth transition effect.

Switch

A switch is a toggle that flips between on and off, similar to a light switch.

Installation

If you hit any issues, make sure you check out the installation guide here for more information.

Manual Installation

Make sure you also install the composed components and the required packages for the component to function properly.

Controlled

You can manage the switch's state by setting the isSelected prop.

Dark Mode is disabled

Uncontrolled

You can also use the uncontrolled version of the switch.

Disabled

A disabled switch cannot be toggled and is non-interactive.

Previous
Slider
Next
Toolbar