Popover

side

sideOffset

align

alignOffset

Installation

Usage

<Popover>
  <PopoverTrigger>Open popover</PopoverTrigger>
  <PopoverContent>
    <div>Popover content</div>
    <PopoverClose>Close popover</PopoverClose>
  </PopoverContent>
</Popover>

API Reference

Animate UI API Reference - Popover Primitive Radix UI API Reference - Popover.Root

PopoverTrigger

Animate UI API Reference - Popover Trigger Primitive Radix UI API Reference - Popover.Trigger

PopoverContent

Animate UI API Reference - Popover Content Primitive Radix UI API Reference - Popover.Content

Prop	Type	Default
`transition?`	`Transition`	`{ type: 'spring', stiffness: 300, damping: 25 }`
`...props?`	`HTMLMotionProps<"div">`	-

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

PopoverClose

Animate UI API Reference - Popover Close Primitive Radix UI API Reference - Popover.Close

Credits

Radix UI Popover
Credit to shadcn/ui for style inspiration.

Popover

On this page