Dialog
Una ventana superpuesta sobre la ventana principal u otra ventana de diálogo.
Uso
Características
- Navegación por teclado, con Escape para cerrar
- Clic fuera para cerrar (configurable)
- Trampa de foco para accesibilidad
- Animaciones y transiciones suaves
- Atributos ARIA para lectores de pantalla
Referencia de la API
VoltDialogContent — [voltDialogContent]
| Entrada | Tipo | Por defecto |
|---|---|---|
| class | string | '' |
| role | unknown | — |
| modal | unknown | — |
VoltDialogOverlay — [voltDialogOverlay]
| Entrada | Tipo | Por defecto |
|---|---|---|
| closeOnClick | unknown | — |
VoltDialog — [voltDialog]
| Entrada | Tipo | Por defecto |
|---|---|---|
| voltDialog | unknown | — |
| closeOnEscape | unknown | — |
| Salida | Tipo |
|---|---|
| closed | unknown |
Código del componente
Instalar por CLI:
npx @voltui/cli add dialogTypeScript
Cargando el editor…
Copia este código en tu proyecto. El componente usa ng-primitives/dialog.