Switch

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

Airplane mode

Installation

pnpm dlx shadcn@latest add https://designsystem.wfp.org/r/switch.json

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

<Switch />

Use the size prop to change the size of the switch.

Prop	Type	Default
`size`	`"sm" \| "default"`	`"default"`

See the Radix UI Switch documentation for additional props.