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 |
Eventos
Nombre | Descripción | Tipo |
---|---|---|
close | se dispara cuando la alerta se cierra. | Function |
Slots
Nombre | Descripción |
---|---|
default | contenido de la descripción de la alerta. |
title | contenido del título. |