Animate UI

Popover

Popovers are perfect for floating panels with arbitrary content like navigation menus, mobile menus and flyout menus.

Made by imskyleen
Edit on GitHub
Open in

Installation

Usage

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

API Reference

Popover

Animate UI API Reference - Popover PrimitiveHeadless UI API Reference - Popover

PopoverButton

Animate UI API Reference - PopoverButton PrimitiveHeadless UI API Reference - PopoverButton

PopoverBackdrop

Animate UI API Reference - PopoverBackdrop PrimitiveHeadless UI API Reference - PopoverBackdrop

PopoverGroup

Animate UI API Reference - PopoverGroup PrimitiveHeadless UI API Reference - PopoverGroup

PopoverPanel

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

Credits

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