ToggleGroup

Grouped toggles for single or multiple selection, e.g. view switchers.

Import

import { ToggleGroup, ToggleGroupItem } from "@repo/design-system/components/ui/toggle-group";

Single and Multiple Selection

With Text

By default items are joined into a segmented control. Pass a spacing value to separate them into standalone toggles.

Spacing

Vertical