Popover
A click-triggered popup panel that can hold a title, body text and arbitrary custom content.
Basic usage
Trigger on click
Placement
Four directions
Custom content
Custom content (slot=content)
You can place arbitrary custom content via
slot="content". Controlled display
The open attribute is controlled: an external button can set/remove open to control visibility (clicking outside / pressing Esc still closes it).
Controlled display (open attribute)
API
Attributes
| Attribute | Description | Type | Default |
|---|---|---|---|
content | Body text | string | — |
open | Controlled display (boolean attribute; shows when present) | boolean | — |
placement | Popup placement | Placement | top |
title | Title text | string | — |
Slots
| Name | Description |
|---|---|
| default | — |
content | — |
No public events. Clicking the trigger toggles visibility; clicking outside or pressing Esc closes it; role="dialog".