Información
No se modifican los DNS con el traslado de dominio, por lo que no perderás acceso a correos ni a la web actual.
Feedback
Muestra una alerta al usuario, en cinco variantes: información, éxito, advertencia, error y prohibido.
<vadavo-alert> lleva siempre el atributo tone, que dice de qué informa la alerta: info, success, warning, error o forbidden. El título, opcional, va en un elemento con slot="header"; el resto del contenido (uno o varios p) forma el cuerpo.
El título puede ser cualquier etiqueta, desde h1 hasta h6 o div, marcada con slot="header".
Muestra un recuadro informativo.
No se modifican los DNS con el traslado de dominio, por lo que no perderás acceso a correos ni a la web actual.
<vadavo-alert tone="info">
<div slot="header">Información</div>
<p>
No se modifican los DNS con el traslado de dominio, por lo que no perderás acceso a correos ni a la web
actual.
</p>
</vadavo-alert>Indica que una acción se ha realizado con éxito.
El dominio slupu.com está disponible para ser registrado GRATIS con tu cuenta de Hosting.
<vadavo-alert tone="success">
<div slot="header">¡Enhorabuena!</div>
<p>
El dominio <strong>slupu.com</strong> está disponible para ser registrado <strong>GRATIS</strong> con
tu cuenta de Hosting.
</p>
</vadavo-alert>Muestra una advertencia importante.
A tu cuenta de hosting de 12GB le queda menos de 2 GB disponible. Considera ampliar a un plan superior.
<vadavo-alert tone="warning">
<p>
A tu cuenta de hosting de 12GB le queda menos de 2 GB disponible. Considera ampliar a un plan
superior.
</p>
</vadavo-alert>Informa de un error.
El nombre de usuario o la contraseña ingresados no son correctos.
<vadavo-alert tone="error">
<div slot="header">Credenciales incorrectas</div>
<p>
El nombre de usuario o la contraseña ingresados no son correctos.
</p>
</vadavo-alert>Informa de que una acción no está permitida.
¿Eres el propietario de este dominio? ¡Pulsa aquí para transferirlo!
<vadavo-alert tone="forbidden">
<div slot="header"><span class="inactive">slupu.com</span> no está disponible</div>
<p>
¿Eres el propietario de este dominio? <a href="javascript:void(0)">¡Pulsa aquí para transferirlo!</a>
</p>
</vadavo-alert>| Token | Qué es |
|---|---|
--alert--background--icon | El color de fondo del disco del icono en el tono informativo. |
--alert--color--icon | El color del icono en el tono informativo. |