Skip to content

Select

A select component is an interactive element that allows users to choose an option from a list of predefined choices.

It is commonly used in forms and settings where a user needs to make a single selection from multiple options. The select component typically displays the currently selected option and, when activated, reveals a dropdown menu with all available choices.

Well-designed select components enhance the user experience by being intuitive, accessible, and easy to use, ensuring that users can quickly and accurately make their selections.

Basic

Figma logo Figma
🧪 Beta
book icon Guidelines
To do
desktop icon Web
To do
phone icon Mobile
To do

Guidelines

Correct / Incorrect

Takeaways

Features

Usage

Implementation

Properties

StatusNameTypeDefaultRequiredDescription

Examples

Alternative