Loading...
A Popover is a floating, interactive overlay container that appears above other content when a user clicks or taps a trigger element, typically a button. It displays contextual content such as details, actions, or forms, and stays visible until dismissed. Unlike tooltips, popovers support richer, more complex content.
Can be controlled or uncontrolled
Focus is fully managed and customizable
Optional modal and overlay modes
Different sides, alignment, offsets, collision handling, managed by Floating UI
Animated with Motion, respects reduce motion
Built with:
| Prop | Type | Default |
|---|---|---|
overlay | boolean | true |
Support all Root Radix API
Support all Trigger Radix API
Support all Content Radix API
| Prop | Type | Default |
|---|---|---|
reduceMotion | boolean | false |
animation | AnimationProps | ― |
animationPreset | enum | "slide-inside" |
transition | Transition | ― |
transitionPreset | enumTransitionPreset | "default" |
showCloseButton | boolean | true |
Support all Close Radix API