Switch

A toggle switch for boolean settings and preferences.

Preview

Off / On

With Labels

Dark mode

Notifications

Disabled

Disabled (on)

tsx

import { Switch } from "@semajsx/ui/components/switch";

<Switch label="Dark mode" />
<Switch label="Notifications" checked />
<Switch disabled />

Prop	Type	Default	Description
`label`	`string`	—	Label text
`checked`	`boolean`	`false`	Checked state
`disabled`	`boolean`	`false`	Disabled state
`name`	`string`	—	HTML name attribute