Switch

Preview

Airplane Mode

Status: Disabled

Installation

npx skeci-ui add switch

Usage

import { Switch } from '@/components/ui/switch';

<Switch
  label="Airplane Mode"
  checked={enabled}
  onChange={(checked) => setEnabled(checked)}
/>

Variants

Default Switch

Checked by default

Disabled

Disabled & Checked

Props

Prop	Type	Default	Description
checked	boolean	false	The controlled checked state of the switch.
onChange	(checked: boolean) => void	—	Callback fired when the state changes.
label	string	—	The label text displayed next to the switch.
disabled	boolean	false	Whether the switch is non-interactive.