Popover
Free-form anchored floating panel.
Choose Popover for compact contextual content or controls anchored to a trigger.
Interactive example
Loading interactive example
API
| Member | Type | Kind | Required | Default |
|---|---|---|---|---|
anchor | HTMLElement | Measurable | null | prop | No | null |
children | Snippet | snippet | Yes | |
flush | boolean | prop | No | false |
focusOnOpen | boolean | prop | No | true |
onOpenChange | (open: boolean) => void | callback | No | undefined |
open | boolean | binding | No | false |
placement | PopoverPlacement | prop | No | 'bottom' |
sameWidth | boolean | prop | No | false |
trigger | Snippet | Snippet<[Record<string, unknown>]> | undefined | snippet | No | undefined |
triggerMode | 'delegated' | 'legacy' | never | prop | No | undefined |
Source
Loading source