Dropdown Menu
Displays a menu to the user, such as a set of actions or functions, triggered by a button.
Installation
Basic
Start with an uncontrolled account menu when the trigger and content can manage their own open state.
Preview
Controlled
Pass open and on-open-change when the surrounding page needs to react while the menu is visible.
Preview
Release share menu
Keep a sibling status panel in sync while the dropdown is open.
Menu State
{sharingMenuOpen ? "Open" : "Closed"}
{sharingMenuOpen ? "The open prop is synced, so sibling UI can react while the menu is visible." : "Open the menu to update this panel through on-open-change."}
Checkboxes And Radio Items
Combine checkbox items for persistent toggles with radio items for one-of-many layout choices.
Preview