Select

The Select component lets users select a single option from a list, with support for search and option grouping.

Select

e-select

Preview

Config

Placeholder

Defines the select placeholder if none of the options is selected.

Disabled

Sets disabled state.

Readonly

Sets readonly state.

Size

Renders select in given size.

—smallmediumlarge

Inline

Shows select as inline block.

Borderless

Renders borderless select.

Error

Sets error state of component.

Loading

Sets loading state of the action list.

Clear Visible

Shows a clear button (requires a placeholder).

Always Show Search

Show search input even if there are less than 8 options.

Search Hidden

Hide search input even if there are more than 8 options.

Disable Min Width

Sets the min-width style of the component to 0.

Open in playground →

Select With Groups

e-select-group

Preview

Config

Placeholder

Defines the select placeholder if none of the options is selected.

Disabled

Sets disabled state.

Readonly

Sets readonly state.

Error

Sets error state of component.

Always Show Search

Show search input even if there are less than 8 options.

Open in playground →