Component

Switch

On/off toggle with a sliding thumb.

States

OffOnDisabled

API reference

Prop	Type	Default	Description
checked / defaultChecked	boolean	None	Controlled or uncontrolled on/off state.
onCheckedChange	(checked: boolean) => void	None	Fires when toggled.
label	ReactNode	None	Optional leading label next to the switch.
disabled	boolean	false	Prevents interaction.
tone	ComponentTone	"default"	Color used once checked.
className	string	None	Additional classes applied to the component root.

checked / defaultCheckedNone

boolean

Controlled or uncontrolled on/off state.

onCheckedChangeNone

(checked: boolean) => void

Fires when toggled.

labelNone

ReactNode

Optional leading label next to the switch.

disabledfalse

boolean

Prevents interaction.

tone"default"

ComponentTone

Color used once checked.

classNameNone

string

Additional classes applied to the component root.