Showcase — @blackangeldragonagency/ui

Tokens

Utilidades de marca

Las utilidades de Tailwind (bg-primario, text-mutado…) apuntan a las variables --ck-*. Cambia el tema arriba y observa cómo todo se actualiza sin recargar.

bg-primario

bg-primario-claro

bg-acento

bg-acento-claro

bg-fondo

bg-superficie

bg-superficie2

bg-superficie3

bg-texto

bg-mutado

bg-borde

Button

Botones

Primario (enlace) Secundario (enlace)

Card

Tarjetas

Con título

Surface themeable con encabezado y realce al hover.

Sin título: solo el slot de contenido.

static

La variante static desactiva el lift.

Chip · Eyebrow

Etiquetas

Solo texto Con icono Con clase extra

ImgPlaceholder

Placeholders de imagen

Solo label

Con icono

Faq

Preguntas frecuentes

Usa <details> nativo (a11y, sin JS).

¿Abierto por defecto?

Sí: con la prop open.

¿Cerrado por defecto?

Sí, sin open.

¿Requiere JavaScript?

No, es <details>/<summary> nativo.

Table

Tabla

Token	Variable CSS	Utilidad
primario	`--ck-primario`	`bg-primario`
texto	`--ck-texto`	`text-texto`
borde	`--ck-borde`	`border-borde`
display	`--ck-font-display`	`font-display`

Wrap

Contenedor

Wrap centra el contenido con max-width. Toda esta página vive dentro de un <Wrap>.