Select

Use Select for predefined option lists where users choose a single value.

Example

API reference

SelectProps

optionsSelectOption[]

Name: options

Description: Option list for the native select control.

Type: SelectOption[]

Default:

labelstring

Name: label

Description: Visible associated label text.

Type: string

Default:

placeholderstring

Name: placeholder

Description: Disabled placeholder option text.

Type: string

Default:

errorstring

Name: error

Description: Error text and invalid state handling.

Type: string

Default:

helperTextstring

Name: helperText

Description: Support text when there is no error.

Type: string

Default:

Accessibility

  • WCAG 1.3.1: Label and select are programmatically associated.
  • WCAG 2.1.1: Native keyboard interaction is preserved.
  • WCAG 3.3.2: Placeholder and helper text provide clear instructions.

Playground

Open Select stories