ChoiceChips
Compact single- or multi-select rendered as chips. Good for filters and quick toggles.
Single select
Range
Multi-select
Tags
Bordered
API
Props
| Name | Type | Default | Description |
|---|---|---|---|
value | ChoiceChipsValue | null | — |
options | Array | () => [] | — |
multiple | boolean | false | — |
label | string | "" | — |
alignment | ChoiceAlignment | "flex" | — |
hue | EpHue | "primary" | — |
state | DataEntryState | "default" | — |
size | EpSize | undefined | — |
disabled | boolean | false | — |
bordered | boolean | false | — |
assistiveText | string | "" | — |
alertMessage | string | "" | — |
ariaLabel | string | "" | — |
Events
| Event | Payload | Description |
|---|---|---|
update:value | {"names":["ChoiceChipsValue"]} | — |
change | {"names":["ChoiceChipsValue"]} | — |
Slots
| Slot | Scope | Description |
|---|---|---|
chip | option, selected | — |