Componentes

El catálogo de @eidondev/acme-ui. Entra a cualquier componente para ver sus escenarios y navegar con anterior / siguiente. Cambia el modo y la marca desde el header.

Fundamentos

Tokens & Theming→

Roles de color semánticos, claro/oscuro y marcas.

Acciones

Button→

Variantes, tamaños, estados y asChild.

IconButton→

Botón cuadrado para un solo ícono.

Tipografía

Text→

Tamaños, pesos y tonos.

Heading→

Niveles semánticos h1–h6.

Layout

Stack→

Columna flex con gap tokenizado.

Inline→

Fila flex con gap/align/wrap.

Grid→

Grilla de columnas iguales.

Separator→

Línea divisoria horizontal/vertical.

Formularios

Input→

Campo de texto de una línea.

Textarea→

Campo de texto multilínea.

Field→

Etiqueta + control + ayuda/error.

Checkbox→

Casilla accesible (Radix).

Switch→

Interruptor on/off (Radix).

RadioGroup→

Selección única (Radix).

Select→

Desplegable accesible (Radix).

Display

Badge→

Etiqueta compacta de estado/categoría.

Avatar→

Imagen con fallback (Radix).

Card→

Superficie compuesta (header/content/footer).

Tooltip→

Etiqueta flotante accesible (Radix).

Feedback

Alert→

Mensaje contextual con variantes.

Spinner→

Indicador de carga animado.

Skeleton→

Placeholder de carga.