Switch

A control that allows the user to toggle between on and off.

Preview

Code

Airplane Mode

Installation

CLI

Manual

npx shadcn@latest add @kanpeki/switch

Single import

Multiple imports

import { Switch } from "~/components/ui/switch";

<Switch.Root>
  <Switch.Track>
    <Switch.Thumb />
  </Switch.Track>
</Switch.Root>;

Preview

Code

Share across devices

Focus is shared across devices, and turns off when you leave the app.

Component switch-form not found in registry.

Prop	Type	Default
`className`	`string`

Prop	Type	Default
`className`	`string`

On This Page

Contribute