Laboratorio de componente
Otros componentes
Página de laboratorio para agrupar microcomponentes reutilizables. Primero se define la estructura Astro/HTML; después se agregan estilos visuales, animaciones, efectos, estados de interacción y código generado.
Preview
Preview base de microcomponente
Área reservada para microcomponentes reutilizables. Aquí se podrán probar menús, badges, tabs, acordeones, banners, chips y otros elementos pequeños de interfaz.
Estilos visuales
Opciones de estilo
Opciones previstas: badge simple, chip seleccionable, tab minimalista, banner informativo, acordeón compacto y menú auxiliar.
Animaciones
Opciones de movimiento
Opciones previstas: entrada suave, expansión, cambio de estado, aparición por scroll y transición de contenido.
Efectos
Opciones de FX
Opciones previstas: glow sutil, borde activo, fondo glass, sombra baja, profundidad y reflejo controlado.
Estados
Estados de interacción
Estados previstos: normal, hover, focus, active, selected, disabled y loading.
Código generado
Combinación actual
OTHER-001 + STYLE-001 + ANIM-001 + FX-001 + STATE-001El código generado se conectará cuando existan variantes seleccionables para microcomponentes reutilizables.