Design

Dropdowns

Updated: Jun 24, 2025

Dropdowns group multiple options under a single header and display the active selection. They keep items hidden until the user clicks the primary chevron. This offers a neat way to manage numerous options within one component.

Resources

Download the Meta Horizon OS UI Set in Figma, Unity, or Meta Spatial SDK to start building with customizable, production-ready components.

Design	Open in Figma. Change themes for specific components or entire pages and customize elements to fit your design system.
Implementation	Download the Meta Interaction SDK (Unity) to use the Meta Horizon OS UI Set or explore the Meta Spatial SDK for UI components adapted for spatial experiences. Elements are customizable and support multiple input modalities.

Typically, dropdowns support single selections. However, when equipped with checkmarks, they allow multiple selections.

Note: Multi-select dropdowns are generally discouraged due to usability concerns.

Usage

Use dropdowns when users need to see the current selection and know other options exist. While dropdowns can scroll, this is not ideal as it can be cumbersome. Design them to fit within the user’s visible area.