Beta
Animate UI

Popover

An accessible popup anchored to a button.

Made by imskyleen

Installation

Usage

<Popover>
  <PopoverTrigger>Open Popover</PopoverTrigger>
  <PopoverContent>Popover Content</PopoverContent>
</Popover>

Props

Animate UI Props

PopoverContent

PropTypeDefault
transition?
Transition
{ type: "spring", stiffness: 300, damping: 25 }
popupProps?
typeof PopoverPrimitive.Popup
-
motionProps?
HTMLMotionProps<'div'>
-
positionerClassName?
string
-

Credits

  • We use Base UI for the popover component.
  • We take our inspiration from Shadcn UI for the popover style.

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

On this page