Popover

Floating content panel anchored to a trigger element. Used for dropdown menus, tooltips, and additional information.

Import

Live Demo

Floating content panels anchored to trigger elements.

Dimensions

Without header

Title only

Props

NameTypeDefaultDescription
openbooleanControlled open state
align"start" | "center" | "end""center"Alignment of popover relative to trigger
sideOffsetnumber4Distance in pixels from the trigger

Examples

Basic Popover