Animate UI

Popover

An accessible popup anchored to a button.

Made by imskyleen
Edit on GitHub
Open in

Installation

Usage

<Popover>
  <PopoverTrigger>Open popover</PopoverTrigger>
  <PopoverPanel>
    <div>Popover panel</div>
  </PopoverPanel>
</Popover>

API Reference

Popover

Animate UI API Reference - Popover PrimitiveBase UI API Reference - Popover.Root

PopoverTrigger

Animate UI API Reference - Popover Trigger PrimitiveBase UI API Reference - Popover.Trigger

PopoverPanel

Animate UI API Reference - Popover Positioner PrimitiveBase UI API Reference - Popover.Positioner
PropTypeDefault
transition?
Transition
{ type: 'spring', stiffness: 300, damping: 25 }
...props?
HTMLMotionProps<"div">
-

The forceMount and asChild properties are not supported in the PopoverPanel component, as it is used for animation.

PopoverClose

Animate UI API Reference - Popover Close PrimitiveBase UI API Reference - Popover.Close

Credits

Built by Skyleen. The source code is available on GitHub.