Overlays
Popover
A click-triggered panel anchored to a trigger element — for richer content than a Tooltip supports.
PopoverPreview
Usage
tsx
import { Popover, Button } from "@vesture/react";
<Popover content={<div>Extra details here.</div>}>
<Button>Info</Button>
</Popover>Behavior
- Click-triggered, dismissible on Escape/outside click.
- Controlled (open/onOpenChange) or uncontrolled.
- role="dialog"; renders through FloatingPortal with a non-modal focus manager.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| content | ReactNode | — | Required. Panel content. |
| placement | Placement | "bottom-start" | Floating UI placement. |
| open | boolean | — | Controlled open state. |
| onOpenChange | (open: boolean) => void | — | Fires on open/close. |
| children | ReactElement | — | Required. A single trigger element. |