Select

A Select is a user interface component commonly used in forms to present a list of options, allowing users to choose one or more items from the list.

Figma

Up to date

Status

Stable

HTML

Up to date

React

Up to date

Twig

Up to date

Design Usage

Use to allow the user to select one option from the list

Consider selecting when you have 3 or more options, to keep the predictability of UI

Give a short description of the label (1-3 words)

If the Select needs a longer explanation, use the helper text message below the field

The Dropdown inside Select is styled only in Figma, in code it is natively rendered