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 | enum TransitionPreset | ― |
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 | enum TransitionPreset | ― |
Support all SubContent
Radix API.
Support all Separator
Radix API.
...