Overlays/Popover

Popover

A floating panel that appears on click, positioned relative to a trigger element. Dismisses on outside click or Escape key.

import { Popover } from "@animui/ui"

Basic

Placement

Rich content

Props

PropTypeDefaultDescription
triggerReact.ReactNodeThe element that opens the popover on click.
childrenReact.ReactNodeContent rendered inside the floating panel.
placement"top" | "bottom" | "left" | "right""bottom"Which side of the trigger the popover appears on.
classNamestringAdditional classes for the popover panel.
© 2026 Steal Shadow. MIT License.Report an issue