Skip to content
Perimeter Style

Toggle Group

A set of two-state buttons that can be toggled on or off.

Usage

tsx
import { ToggleGroup } from "@/components/ui/toggle-group";

<Toggle Group variant="default" size="default">...</Toggle Group>
<Toggle Group variant="default" size="default">...</Toggle Group>

Light

Dark

Default

Metrics

Perimeter Api

Toggle Group Controls

variant
size

Examples

Single Selection

Outline Variant

Vertical

Installation

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

Search

Search for components, templates, and more.