Popover
Overlays

Popover.

An anchored floating panel for contextual UI.

Real interactive component
Live demo

The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.

Props & API reference

Parameters available in the shared component, including value types, requirements and accepted options.

5 props
ParameterTypeRequiredDefaultPossible valuesDescription
childrenReactNodeYes——PopoverTrigger and PopoverContent.
openbooleanNo—true · falseControlled popover visibility.
defaultOpenbooleanNofalsetrue · falseInitial visibility.
onOpenChange(open: boolean) => voidNo——Visibility callback.
placement"bottom-start" | "bottom-end"Nobottom-startbottom-start · bottom-endFloating surface alignment.