Beta
Animate UI

Popover

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

Made by imskyleen

Installation

Usage

<Popover>
  <PopoverButton>Open Popover</PopoverButton>
  <PopoverPanel>Popover Content</PopoverPanel>
</Popover>

Props

Animate UI props

PropTypeDefault
transition?
Transition
{ type: 'spring', stiffness: 300, damping: 25 }

Credits

  • We use Headless 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