Switch

inputs

A control that allows the user to toggle between checked and not checked.

Preview

Airplane mode

Notifications

Installation

npm install @launchapp/design-system

Import

import { Switch } from "@launchapp/design-system";

<div className="flex items-center space-x-2">  <Switch id="airplane-mode" />  <Label htmlFor="airplane-mode">Airplane Mode</Label></div>

Prop	Type	Default	Description
`checked`	`boolean`	—	Controlled checked state.
`defaultChecked`	`boolean`	`false`	Initial checked state.
`onCheckedChange`	`(checked: boolean) => void`	—	Callback when checked state changes.
`disabled`	`boolean`	`false`	Disables the switch.
`required`	`boolean`	—	Makes the switch required in forms.