Skip to content

Dropdown

Figma logo Figma
🧪 Beta
book icon Guidelines
To do
desktop icon Web
To do
phone icon Mobile
To do
comment icon Comment
Harmonize the dropdown components, defining the guidelines

A dropdown is an interactive element that provides a list of options in a menu, allowing users to select one option from the list.

It is commonly used to conserve screen space and organize options in a compact, easily accessible manner. When a user clicks or taps on the dropdown, the list of options expands, and the user can make a selection. Dropdowns are ideal for forms, navigation menus, and settings where multiple choices are available but only one can be selected at a time.

Well-designed dropdowns enhance the user experience by being intuitive, responsive, and accessible, ensuring that users can easily navigate and select their desired option.

Guidelines

Correct / Incorrect

Takeaways

Features

Usage

Implementation

Properties

StatusNameTypeDefaultRequiredDescription

Examples

Alternative

No alternative.