Select <ESelect> ​

The select component represents an input control that provides a menu of options.

Variant ​

Use the variant prop to change the element theming according to your configured variants.

Highlight ​

Set the highlight prop to override the default border color with the variant color.

Highlight is automatically set to true if the feedback prop is populated. Set highlight to false to override feedback highlighting.

Labels ​

Use the label, description and hint props to describe your select fields.

You can also use slots for more freedom on label content. Please see the Slots section for information on slot variables.

Block ​

By default the select component is displayed as an inline element. By adding the block prop, the select element will span the whole container width.

Disabled ​

A disabled select field cannot be interacted with.

Disabled Option ​

A disabled option cannot be selected.

Feedback ​

Use the feedback prop to add validation or other form errors to your select field. The feedback prop controls the invalid attribute on the select element.

Component Reference ​