Design
Dropdowns: Implementation
Updated: Feb 26, 2026
Resources and platform-specific guidance for implementing dropdowns in immersive experiences.
Resources
Design | Open in Figma. Change themes for specific components or entire pages and customize elements to fit your design system. |
Unity | The Meta Horizon OS UI Set includes pre-built dropdown prefabs. Install the Meta Interaction SDK, set up a UI canvas, and add dropdown prefabs with built-in themes, states, and multi-input support. • Meta Horizon OS UI Set: Pre-built dropdown prefabs with customizable themes • Creating interactable UIs: Overview of UI creation workflows |
Unreal | Create dropdowns using standard UMG Combo Box or custom Widget Blueprints, then wrap them with the Interaction SDK to enable poke and ray interactions. • Interactable widgets: Make UMG widgets interactable via poke and ray |
Meta Spatial SDK | Import the dropdown component directly into your Jetpack Compose layout. The component includes built-in spatial theming, selection management, and interaction handling. • Dropdown: Spatial dropdown component with built-in states and theming • UI overview: Full component library for spatial experiences |
Web | Use the spatial UI framework primitives to construct dropdown components, or define them with UIKitML markup. • Spatial UI concepts: Architecture for building interactive UI in WebXR • UIKit: UI primitives for constructing dropdown components |
Android Apps | Use standard Android UI components (Views or Jetpack Compose) for dropdowns. Follow the Horizon OS design requirements for minimum hit target sizing (48dp), hover states, and color contrast. • Design requirements: Hit targets, hover states, color, and typography for Android apps • Features overview: Available platform features for Android apps |
Did you find this page helpful?
Virtual reality / Meta Horizon
Support and legal
Virtual reality / Meta Horizon
Support and legal
Virtual reality / Meta Horizon
Support and legal
English (US)
© 2026 Meta