Toggle Group

Coordinates a set of toggle items with single or multiple selection behavior.

Installation

bunx @swift-rust/ui add toggle-group

Usage

tsx

1import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";
2 
3<ToggleGroup type="single" defaultValue="center">
4  <ToggleGroupItem value="left">Left</ToggleGroupItem>
5  <ToggleGroupItem value="center">Center</ToggleGroupItem>
6  <ToggleGroupItem value="right">Right</ToggleGroupItem>
7</ToggleGroup>

Composition

Toggle Group is composed of these parts:

ToggleGroup
├── ToggleGroupItem
├── ToggleGroupItem
└── ToggleGroupItem

Examples

← Toggle Tooltip →