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

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