Components

ToggleGroup

A set of related toggles, single- or multi-select.

Multiple

Usage

import { ToggleGroup } from '@onersoft/design-system'

<ToggleGroup.Root type="single" value={view} onValueChange={setView} aria-label="View mode">
  <ToggleGroup.Item value="grid">Grid</ToggleGroup.Item>
  <ToggleGroup.Item value="list">List</ToggleGroup.Item>
</ToggleGroup.Root>

Parts

Root, Item. Mirrors Radix ToggleGroup. Root requires type ('single' or 'multiple') and aria-label.

Toggle

A single, two-state button. For grouped toggles, see ToggleGroup.

Tooltip

A short, hover/focus-only label for a control. Reach for `Popover` if it needs interactive content.

On this page

MultipleUsageParts