Alert
Muestra mensajes importantes como alertas.
Uso básico
Los componentes de alertas no son elementos overlay de la página y no desaparecen automáticamente.
Temas
Alert provee dos diferentes temas light y dark.
Botón de cierre personalizable
Personalice el botón cerrar con texto u otros símbolos.
Con icono
Muestra un icono para mejorar la legibilidad.
Centrar texto
Para centrar el texto utilice el atributo center.
Con descripción
La descripción incluye un mensaje con información más detallada.
Con icono y descripción
API del Alert
Atributos
| Nombre | Descripción | Tipo | Por defecto |
|---|---|---|---|
| title | título de la alerta. | string | — |
| type | tipo de alerta. | enum | info |
| description | texto descriptivo. | string | — |
| closable | si la alerta puede ser descartada. | boolean | true |
| center | si el contenido se coloca en el centro. | boolean | false |
| close-text | texto personalizado del botón de cierre. | string | — |
| show-icon | si el icono del tipo de alerta se debe mostrar. | boolean | false |
| effect | estilo del tema. | enum | light |
| show-after 2.10.0 deprecated | delay of appearance, in millisecond | number | 0 |
| hide-after 2.10.0 deprecated | delay of disappear, in millisecond | number | 200 |
| auto-close 2.10.0 deprecated | timeout in milliseconds to hide alert | number | 0 |
Eventos
| Nombre | Descripción | Tipo |
|---|---|---|
| close | se dispara cuando la alerta se cierra. | Function |
| open 2.10.0deprecated | trigger when alert is opened. | Function |
Slots
| Nombre | Descripción |
|---|---|
| default | contenido de la descripción de la alerta. |
| title | contenido del título. |
| icon 2.9.7 | content of the alert icon. |
Fuente
Componentes • Style • Documentación
Contribuidores
