Componentes disponibles
Macros Nunjucks y patrones JS incluidos en el starter.
Button
Macro Button(props). Genera button o a según si se pasa href.
Variantes
Tamaños
Card
Macro Card(props). Soporta prop hover (default: true) para efecto de sombra al pasar el cursor.
Sin hover
Tarjeta estática sin efecto al pasar el cursor.
Con badge
Badge encima del título.
Como enlace
Toda la tarjeta es clickeable.
Badge
Elemento span con variantes de color: gray, brand, green, red.
Dialog
Macro Dialog(props) con bloque call para el cuerpo. Accesible: foco gestionado, Escape y click en backdrop.
Confirmación
Esta acción no se puede deshacer.
Formulario de ejemplo
Tabs
Patrón ARIA Tabs con navegación por teclado (flechas, Home, End). Atributo data-component="tabs" en el contenedor.
Contenido del panel uno.
Contenido del panel dos.
Contenido del panel tres.
Form
Campos de formulario con estilos Tailwind aplicados directamente en el HTML.