Forms

Switch

A control that allows the user to toggle between checked and unchecked states with high-fidelity spring animations.

NotificationsEnable push alerts for new messages.

Small

Medium

Large

Props

Prop	Type	Default	Description
`checked`	`boolean`	`—`	The current state of the switch
`onCheckedChange`	`(v: boolean) => void`	`—`	Callback triggered when state changes
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	The visual scale of the switch
`disabled`	`boolean`	`false`	Prevents user interaction

$npx kachindo-ui add switch