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.

Installation

In the terminal, run the following command to begin:
npx hq-kit add switch

Variants

By default, the switch uses the primary variant, but you can change it to other variant.

Controlled

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

Dark Mode is disabled

Disabled

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