Switch

A control that indicates whether a setting is on or off.

Installation


pnpm dlx shadcn@latest add @lumi-ui/switch

Basic Usage

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

<Switch />

Anatomy

 <Switch />

Error State

Customization

Warning

Form controls must have an accessible name. Prefer using <Field> to provide a visible text label and description, or use the aria-label attribute as an alternative.

Form Integration

Form Integration (Enclosing Label)

See Form Integration for more information.