nalarx-ui
Components

Toggle group

A segmented control. The pressed item lifts out of a sunken track; never orange.

bunx shadcn@latest add @nalarx/toggle-group

Props

ToggleGroup takes every Base UI ToggleGroup prop (value, defaultValue, onValueChange, multiple); ToggleGroupItem takes every Toggle prop and needs value. Values are arrays.

Accessibility

Name the group with aria-label. Each item is a toggle button with aria-pressed; arrow keys move between items.

For switching between panels of content, use tabs (@nalarx/tabs) instead.

Replaces

The Platform's base/ToggleGroup.tsx.

On this page