Select
Dropdown select with single / multi / tag / searchable modes. Replaces the old EpDropdown and EpSearchDropdown.
Single
Pick one
Multiple
Select
Searchable
Tags (free-text entries)
API
Props
| Name | Type | Default | Description |
|---|---|---|---|
value | SelectValue | null | — |
options | Array | () => [] | — |
label | string | "" | — |
placeholder | string | "Select" | — |
searchPlaceholder | string | "" | — |
multiple | boolean | false | — |
tags | boolean | false | — |
allowClear | boolean | false | — |
showSearch | boolean | false | — |
loading | boolean | false | — |
disabled | boolean | false | — |
bordered | boolean | true | — |
state | DataEntryState | "default" | — |
size | EpSize | undefined | — |
assistiveText | string | "" | — |
alertMessage | string | "" | — |
ariaLabel | string | "" | — |
listMaxHeight | number | 240 | — |
optionHeight | number | 32 | — |
notFoundText | string | "No options" | — |
loadingText | string | "Loading…" | — |
clearLabel | string | "Clear" | — |
createLabel | string | "Create" | — |
searchAriaLabel | string | "Search options" | — |
filter | union | null | — |
Events
| Event | Payload | Description |
|---|---|---|
update:value | {"names":["SelectValue"]} | — |
change | {"names":["SelectValue"]} | — |
search | {"names":["string"]} | — |
clear | — | — |
open | — | — |
close | — | — |
focus | {"names":["FocusEvent"]} | — |
blur | {"names":["FocusEvent"]} | — |
Slots
This component has no named slots.