# Source: `components/velin-lightbox.js` ## Minimal working example Copy-paste starter (load CSS + `velinstyle-components` / `bootFromDOM` as needed): ```html ``` _Example from curated docgen starter map._ ## Accessibility WCAG contract status: **pass** (framework target: AAA). - **Roles:** `dialog` - **Keyboard:** Escape, arrows, Tab trap - **Live region:** `polite` ## Attributes _No `observedAttributes` declared._ Author-facing configuration may still use slots, properties, or child markup — see **Slots** / **Public API** below. | Author surface | Notes | | --- | --- | | slot `(default)` | Content projection (not an observed attribute) | ## Events - `velin-close` (bubbles) ## CSS parts - `content` - `counter` - `overlay` ## Slots - `(default)` ## Public API | Kind | Name | | --- | --- | | Method | `close()` | | Method | `open()` | ## Related resources - Generated API docs (canonical): [`velin-lightbox.md`](./velin-lightbox.md) - Generated index: [README.md](./README.md) - CLI API: `npx velinstyle wc api velin-lightbox` - Human docs EN (tutorial): `docs/components/lightbox.html` - Human docs DE (tutorial, lang-map): `docs/components/lightbox-de.html` - Atelier library (showcases — **not** a 1:1 Component map): `atelier/library/index.html`