Dropdown

A dropdown displays a list of options for users to choose from, enabling them to perform actions, filter content, or sort information.

Overview

The purpose of dropdowns is to provide a compact and organised way to display a set of selectable items, such as categories, filters, or actions, within a user interface.

Dropdowns enhance user experience by conserving screen space and organising choices in a structured manner, making it convenient for users to access and select from a range of options.

An expanded dropdown component which shows multiple options for sorting contents.

Resources

We’re currently working on updating our Dropdown documentation, please see the resources below.

Figma Web Component	Stable
Figma Web Documentation	Stable
Figma App Component	Stable
Figma App Documentation	Stable
Web Components	Planned
Vue [Fozzie]	Stable
React [Snacks]	Stable
iOS JustUI [UI Kit]	Stable
iOS PIE [SwiftUI]	Planned
Android PIE [Compose & Views]	Planned