Skip to content
Perimeter Style

Toggle

A two-state button that can be either on or off.

Usage

tsx
import { Toggle } from "@/components/ui/toggle";

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

Light

Dark

Default

Metrics

Perimeter Api

Toggle Controls

variant
size
disabled

Examples

All Variants

Sizes

With Text

Installation

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

Search

Search for components, templates, and more.