Alert

Mensajes de estado con variantes info, success, warning y error.

pnpm dlx nuvo-ui add alert

Variantes

Información

Tu cuenta está siendo verificada. Puede tardar unos minutos.

Guardado

Los cambios se guardaron correctamente.

Atención

Tu plan expira en 3 días. Renueva para no perder el acceso.

Error

No se pudo completar la operación. Inténtalo de nuevo.

Recuerda verificar tu correo electrónico para activar tu cuenta.

Archivo subido correctamente.

Advertencia

Tienes cambios sin guardar. Guarda antes de salir.

import { Alert } from "@nuvo-ui/ui"

<Alert variant="success" title="Guardado" dismissible>
  Los cambios se guardaron correctamente.
</Alert>

Prop	Tipo	Default	Descripción
variant	"info" \| "success" \| "warning" \| "error"	"info"	Estilo visual del alert
title	string	—	Título en negrita
children	ReactNode	—	Contenido del alert
dismissible	boolean	false	Muestra botón para cerrar
onDismiss	() => void	—	Callback al cerrar
className	string	—	Clases adicionales