Popover
Popovers are similar to tooltips. They are small overlays that open on demand after a user interaction.
The difference is that the popover can contain more content, without cluttering the page.
They must be specified inside the overlay
prop of an activator component (Button
, Link
or Pressable
).
The library takes care of applying the WAI-ARIA Popover Widget pattern automatically for the activator and the popover content.
optional = ?
Name | Type | Description |
---|---|---|
position? | "inlineStart" | "inlineEnd" | "blockStart" | "blockEnd" |
Position the Popover relative to the activator. Default value: 'blockStart' |
alignment? | "start" | "center" | "end" |
Align the Popover in the axis determined by the position. Default value: 'center' |
onOpen? | () => void |
Callback to run when the Popover is opened |
onClose? | () => void |
Callback to run when the Popover is closed |