Popover

Usage

import {
  Popover,
  PopoverContent,
  PopoverTrigger,
} from '@epilot/spark-ui/popover'

<Popover>
  <PopoverTrigger render={<Button>Open popover</Button>} />
  <PopoverContent>{/* content */}</PopoverContent>
</Popover>

API Reference

This component is built on top of Base UI Popover. See the Base UI documentation for the full API reference.

Components

• Popover: Root state container.
• PopoverTrigger: Element that toggles the popover.
• PopoverContent: Floating panel; supports align, sideOffset, and container (mount the popup into a different document/element than document.body — an embedded preview iframe, say).
• PopoverClose: Closes the popover. Rendering a close part inside the popup is also what enables Base UI's focus trap when the popover is modal.