Características
Del código a la vista
Una configuración a la izquierda y el componente que produce a la derecha: ambos salen de un mismo valor, así que no pueden contradecirse.
Source to result
Read the config. See the component.
const notice = { tone: 'success', title: 'Deployed to production', message: 'Build 482 is live in 14 regions.', action: 'View release',};Qué se mueve
Elegir un aviso reescribe el código y cambia la tarjeta con un breve fundido, anunciado de forma educada. El fundido se omite con movimiento reducido.
Construido con
Código del bloque
Instalar por CLI:
pnpm add @voltui/components lumen-iconsTypeScript
Cargando el editor…
Un componente standalone. Pégalo en tu proyecto, apunta los imports a tu ruta de Volt y conecta los botones a tus propias rutas.
Cada animación aquí está protegida por prefers-reduced-motion, y los colores salen de los tokens del tema — prueba otro preset con el selector de la cabecera y el bloque lo sigue.