Components / Toggle Group

Toggle Group

A set of related toggles acting as one control: alignment, view density. For a single standalone control use Toggle.

import { ToggleGroup, ToggleGroupItem } from '@layers/ui/toggle-group'

Rendered stock

House rules

• Every icon-only ToggleGroupItem carries an aria-label.
• The default spacing renders an 8px gap; spacing={0} fuses the items into a single segmented control.
• Toolbar toggle groups use size="sm" (32px) like every toolbar control.