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 |