Waiting for action
Copy this complete component into a page file. Edit and run it in the Playground.
Loading editor…
Selectable chip group for compact single or multiple choice decisions.
| Prop | Type | Default | Description |
|---|---|---|---|
options | ChoiceOption[] | — | Chip options with label, value, and optional disabled. |
value | string | string[] | — | Selected value for single mode, or selected values for multiple mode. |
onChange | (value: string | string[]) => void | — | Selection handler. |
selectionMode | "multiple" | "single" | "multiple" | Allows multiple chips or one radio-style choice. |
variant | "filled" | "outlined" | "soft" | "glass" | "soft" | Chip visual style. |
disabled | boolean | false | Disables all chips. |
mode | "stacked" | "flagged" | "stacked" | Layout mode for label and control. |
labelPosition | "left" | "right" | "left" | Label placement in flagged mode. |
error | string | — | Validation message; sets aria-invalid when present. |
FieldShell for label, help, error, and required wiring.