Alert

Mensaje contextual con variantes.

Variantes

Vista previa

Mensaje informativo para el usuario.

Se guardó correctamente.

Algo salió mal, intenta de nuevo.

<Alert variant="destructive" title="Error">
  Algo salió mal, intenta de nuevo.
</Alert>

El mismo componente bajo distintos modos y marcas. No cambia el componente — solo los tokens (CSS variables) del contenedor.

Legacy · claro

Mensaje informativo para el usuario.

Se guardó correctamente.

Algo salió mal, intenta de nuevo.

Editorial · claro

Mensaje informativo para el usuario.

Se guardó correctamente.

Algo salió mal, intenta de nuevo.

Technical · oscuro

Mensaje informativo para el usuario.

Se guardó correctamente.

Algo salió mal, intenta de nuevo.

Warm · claro

Mensaje informativo para el usuario.

Se guardó correctamente.

Algo salió mal, intenta de nuevo.