Switch

Airplane Mode

registry/examples/switch-demo.tsx

import { Label } from "@/registry/ui/label"
import { Switch } from "@/registry/ui/switch"

Installation


pnpmnpmyarnbun
pnpm dlx shadcn@latest add https://nusa-ui.vercel.app/r/switch.json

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

<Switch />

Enable notifications

registry/examples/switch-with-label.tsx

import { Label } from "@/registry/ui/label"
import { Switch } from "@/registry/ui/switch"

registry/examples/switch-disabled.tsx

import { Label } from "@/registry/ui/label"
import { Switch } from "@/registry/ui/switch"

Prop	Type	Default	Description
`checked`	`boolean`	-	The controlled checked state
`defaultChecked`	`boolean`	-	The default checked state
`onCheckedChange`	`(checked: boolean) => void`	-	Callback when checked changes
`disabled`	`boolean`	`false`	Disable the switch
`required`	`boolean`	`false`	Mark as required
`name`	`string`	-	The name for form submission
`value`	`string`	`"on"`	The value for form submission