Dialog
Вікно, накладене поверх головного вікна або іншого діалогу.
Використання
Можливості
- Навігація з клавіатури, Escape закриває
- Клік поза межами закриває (налаштовується)
- Пастка фокуса для доступності
- Плавні анімації та переходи
- Атрибути ARIA для зчитувачів екрана
Довідник API
VoltDialogContent — [voltDialogContent]
| Вхід | Тип | За замовчуванням |
|---|---|---|
| class | string | '' |
| role | unknown | — |
| modal | unknown | — |
VoltDialogOverlay — [voltDialogOverlay]
| Вхід | Тип | За замовчуванням |
|---|---|---|
| closeOnClick | unknown | — |
VoltDialog — [voltDialog]
| Вхід | Тип | За замовчуванням |
|---|---|---|
| voltDialog | unknown | — |
| closeOnEscape | unknown | — |
| Вихід | Тип |
|---|---|
| closed | unknown |
Код компонента
Встановити через CLI:
npx @voltui/cli add dialogTypeScript
Завантаження редактора…
Скопіюйте цей код у свій проєкт. Компонент використовує ng-primitives/dialog.