# Source: `components/velin-popover.js` ## Minimal working example Copy-paste starter (load CSS + `velinstyle-components` / `bootFromDOM` as needed): ```html

This is the popover body (default slot).

``` _Example derived from human component docs (`exampleSource: human-doc`; fail-closed extract — not a second SoT)._ ## Accessibility WCAG contract status: **pass** (framework target: AAA). - **Roles:** `dialog`, `tooltip` - **Keyboard:** Escape, Enter/Space on trigger; focus opens hover mode - **Notes:** aria-labelledby or default aria-label; non-button triggers get role=button. ## Attributes | Attribute | Notes | | --- | --- | | `open` | Observed — triggers `attributeChangedCallback` when changed | ## Events _None._ ## CSS parts - `popover` - `title` ## Slots - `(default)` - `trigger` ## Public API | Kind | Name | | --- | --- | | Method | `close()` | | Method | `open()` | | Method | `toggle()` | ## Related resources - Generated API docs (canonical): [`velin-popover.md`](./velin-popover.md) - Generated index: [README.md](./README.md) - CLI API: `npx velinstyle wc api velin-popover` - Human docs EN (tutorial): `docs/components/popover.html` - Human docs DE (tutorial, lang-map): `docs/components/popover-de.html` - Atelier library (showcases — **not** a 1:1 Component map): `atelier/library/index.html`