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.
Prop | Type | Default |
---|---|---|
reduceMotion | boolean | false |
animation | AnimationProps | ― |
animationPreset | enum | "slide-inside" |
transition | Transition | ― |
transitionPreset | enum TransitionPreset | "default" |
showCloseButton | boolean | true |
Support all Portal
and Content
Radix API.
Support all Close
Radix API.