Switch

A toggle switch control built on Ark UI with multiple sizes.

Import


import { Switch } from '@grannyshot/ui'


<Switch label="Enable notifications" />


<Switch size="sm" label="Small" />
<Switch size="md" label="Medium" />
<Switch size="lg" label="Large" />


<Switch label="Enabled by default" defaultChecked />


<Switch label="Disabled" disabled />
<Switch label="Disabled on" disabled defaultChecked />

Prop	Type	Default	Description
`label`	`string`	—	Switch label text
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	Switch size
`checked`	`boolean`	—	Controlled checked state
`defaultChecked`	`boolean`	`false`	Initial checked state
`disabled`	`boolean`	`false`	Disabled state
`className`	`string`	—	Additional CSS classes