Components / UI components / Actions
ActionsExperimental alpha

ToggleGroup

A row of filter chips with single or multiple selection and host-supplied counts.

ToggleGroup preview

Loading example…

Interactions use local sample data.

Usage and props

The application owns the selected values and the counts. Single selection uses radio semantics; multiple selection uses pressed buttons.

Supported inputs

This is the public signature used by this example. Open Code to see how the values and callbacks fit together.

label · options: { value, label, count?, disabled? }[] · type?: single | multiple · value · onValueChange · allowEmpty? · size?: default | sm · disabled?
How state and callbacks work

These are the main props for the example. The package's TypeScript declarations include the full API.

Customize and use with a keyboard