CheckboxGroup
Multi-select from a list of options. Renders a role="group" with a fieldset semantics.
Basic usage
Fruit
Horizontal layout
Fruit
API
Props
| Name | Type | Default | Description |
|---|---|---|---|
value | CheckboxGroupValue | () => [] | — |
options | Array | () => [] | — |
label | string | "" | — |
assistiveText | string | "" | — |
alertMessage | string | "" | — |
state | DataEntryState | "default" | — |
alignment | CheckboxGroupAlignment | "flex" | — |
disabled | boolean | false | — |
hue | EpHue | "information" | — |
size | EpSize | undefined | — |
ariaLabel | string | undefined | — |
name | string | undefined | — |
Events
| Event | Payload | Description |
|---|---|---|
update:value | {"names":["CheckboxGroupValue"]} | — |
change | {"names":["CheckboxGroupValue"]} | — |
Slots
| Slot | Scope | Description |
|---|---|---|
default | — | — |