React Switch Component

Email notifications

Get notified about new activity.

Marketing emails

Product news and offers.

Installation

pnpm add krz-ui

import { Switch } from "krz-ui";

<Switch label="Notifications" checked={on} onCheckedChange={setOn} />

Prop	Type	Description
`checked / defaultChecked`	`boolean`	Controlled or initial state.
`onCheckedChange`	`(checked: boolean) => void`	Called when toggled.
`label / description`	`ReactNode`	Text next to the switch.
`size`	`"sm" \| "md" \| "lg"`	Switch size.
`className / style / ref`	`—`	className and style go on the outer element (the switch itself when there's no label); ref and native attributes go to the switch button. See Customization.
`classNames`	`{ track?, thumb?, label?, description? }`	Extra classes for inner parts.