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	Available
Figma Documentation	Planned
Web Components	Planned
Vue [Fozzie]	Available
React [Snacks]	Available
iOS JustUI [UI Kit]	Available
iOS PIE [SwiftUI]	Planned
Android [XML views]	Alpha
Android [Jetpack compose]	Alpha