Skip to content
Perimeter Style

Switch

A toggle control that switches between on and off states.

Usage

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

<Switch size="default" disabled={false}>...</Switch>
<Switch size="default" disabled={false}>...</Switch>

Light

Dark

Default

Metrics

Perimeter Api

Switch Controls

size
disabled

Examples

Default

Small Size

Disabled

Installation

Install
$ pnpm dlx shadcn@latest add @perimeter/switch

Used in Templates

Search

Search for components, templates, and more.