A dropdown menu presents a list of actions, options, or links that appear when triggered by a button, text field, or other control. It can support both simple selections and more complex functionality.
Can be controlled or uncontrolled
Supports modal and non-modal modes
Focus is fully managed
Full keyboard navigation
Different sides, alignment, offsets, collision handling, managed by Floating UI
Animated with Motion, respects reduce motion
Built with:
Support all Root Radix API.
Support all Trigger Radix API.
| Prop | Type | Default |
|---|---|---|
reduceMotion | boolean | false |
animation | AnimationProps | ― |
animationPreset | enum | "scale" |
transition | Transition | ― |
transitionPreset | enumTransitionPreset | ― |
Support all Content Radix API.
Support all Group Radix API.
Support all Item Radix API.
Support all Label Radix API.
Support all CheckboxItem Radix API.
Support all ItemIndicator Radix API.
Support all RadioGroup Radix API.
Support all RadioItem Radix API.
Support all Sub Radix API.
Support all SubTrigger Radix API.
| Prop | Type | Default |
|---|---|---|
animation | AnimationProps | ― |
animationPreset | enum | ― |
transition | Transition | ― |
transitionPreset | enumTransitionPreset | ― |
Support all SubContent Radix API.
Support all Separator Radix API.
...