ComponentReactregistry:ui5 dependencies

Toggle Group

toggle-group

Single or multiple selection toggle group on radix-ui. Inherits variant/size/tone from the group via context; outline variant renders as a segmented control.

@ai2 Registry JSON

Live

Starting the live preview…

Rendered from its demo Toggle group Demo. Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

Notes from the author

Set type=single or type=multiple on ToggleGroup. variant=outline joins items into a segmented control.

Install

npx shadcn@latest add @ai2/toggle-group

Needs @ai2 in your components.json registries — switch to URL if it doesn't resolve.

Registry: @ai2
Kind: Component
Framework: React
Files: 1 · 2.4 KB
Preview: Live via example
License: MIT

npm dependencies

class-variance-authority radix-ui

Registry dependencies

toggle@ai2
tokens@ai2
primitives@ai2

4 other registries

Similar components

Other registries' take on toggle-group.

1 demo

See it in use

Files this registry ships to demonstrate the item. They are indexed and installable, but they don't count as components of their own.

Usage example for the ai2 toggle-group component.

@ai2

More from @ai2

Search the catalog

Toggle Group

Notes from the author

Similar components

See it in use

More from @ai2