Dropdown
A contextual menu that opens adjacent to a trigger element to offer a list of actions or options.
Playground
Explore all dropdown props interactively.
Props
Whether the dropdown menu is visible.
Position of the menu relative to the trigger.
Action that opens the dropdown.
Distance in pixels from the trigger.
Theme color for the dropdown menu pane.
Render style
Glass surface density
Backdrop blur intensity
Elevated with shadow
Placements
Dropdowns can be positioned around their trigger using the placement prop.
Glass Context
When placed inside a glass container, or when applying the glass prop directly, dropdown menus seamlessly adopt translucent optics.