A set of related toggles built on Radix Toggle Group, supporting single or multiple selection, keyboard roving focus, shared variant and size, and configurable item spacing.
Run the command below in a project with the shadcn CLI. It copies the component source into your repo and installs its dependencies.
npx shadcn@latest add https://www.saasuji.com/r/toggle-group.jsonAlso available as a markdown reference for AI agents: /components/toggle-group.md
Button Group
A horizontal or vertical group of buttons with shared edges, plus separator and text primitives for toolbar-style and segmented layouts.
Tabs
Accessible tabbed panels built on Radix Tabs with roving-focus keyboard navigation, horizontal or vertical orientation, and automatic or manual activation.
Toggle
A two-state button built on Radix Toggle with default and outline variants, three sizes, controlled or uncontrolled pressed state, and a disabled state.