Dropdowns
Dropdowns group multiple options under a single header, displaying the active selection. They keep items hidden until the user clicks the primary chevron, offering a neat way to manage numerous options within one component.
Download the Meta Horizon OS UI Set in Figma or Unity 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. 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.
Use dropdowns when it’s essential for users to view the current selection and know they have other options available. Dropdowns can scroll, but this is not ideal as it can be cumbersome. They should be designed to fit within the user’s visible area.