Navigation
Dropdown Trigger
Dropdown Trigger is the clickable button that opens a Dropdown Menu — a bordered control showing a label and a chevron.
State — 4 variants
Figma documentedReact not implementedDocumentation only
This page documents the Figma component and usage rules. It is not a production-ready React implementation and does not include a live preview.
- Figma availability
- available
- React availability
- unavailable
- Documentation completeness
- partial
- Maturity
- documented
Purpose
Dropdown Trigger is the clickable button that opens a Dropdown Menu — a bordered control showing a label and a chevron.
When to use
Any menu that needs an explicit trigger control.
When not to use
When the trigger is better represented by an existing control (e.g. an Icon Button).
Accessibility
Needs aria-haspopup="menu" and aria-expanded reflecting open/closed state.
Common mistakes
Forgetting to update aria-expanded when the menu opens/closes.
Properties
State as variants. Label (text).
Tokens used
semantic/border/defaultsemantic/focus-ringsemantic/icon/muted