<!-- Auto-generated by `velinstyle docs generate`. Do not edit. Source: components/velin-dialog.js -->

# <velin-dialog>

Source: `components/velin-dialog.js`

## Minimal working example
Copy-paste starter (load CSS + `velinstyle-components` / `bootFromDOM` as needed):

```html
<velin-dialog></velin-dialog>
<!-- Use element.alert() / confirm() / prompt() after the host is connected. -->
```

_Example from curated docgen starter map._

## Accessibility
WCAG contract status: **pass** (framework target: AAA).

- **Roles:** `dialog`
- **Keyboard:** Native dialog, Escape
- **Notes:** aria-labelledby on dialog, aria-modal true.

## Attributes
_No `observedAttributes` declared._ Author-facing configuration may still use slots, properties, or child markup — see **Slots** / **Public API** below.

## Events
- `velin-close` (bubbles)
- `velin-dialog-close` (bubbles)
## CSS parts
- `dialog`
- `input`
## Slots
_None._
## Public API
| Kind | Name |
| --- | --- |
| Method | `alert()` |
| Method | `confirm()` |
| Method | `prompt()` |
## Related resources
- Generated API docs (canonical): [`velin-dialog.md`](./velin-dialog.md)
- Generated index: [README.md](./README.md)
- CLI API: `npx velinstyle wc api velin-dialog`
- Human docs EN (tutorial): `docs/components/dialog.html`
- Human docs DE (tutorial, lang-map): `docs/components/dialog-de.html`
- Atelier showcase (DIRECT CE match, `09-roadmap`): `atelier/library/showcases/09-roadmap/index.html`
- Atelier showcase (DIRECT CE match, `17-session-devices`): `atelier/library/showcases/17-session-devices/index.html`
- Atelier library (showcases — **not** a 1:1 Component map): `atelier/library/index.html`
