Fundamentos

Introducción

Kenza UI no es una librería que instalas — es código que copias. Pocas piezas, bien resueltas, pensadas para modificarse libremente una vez que son tuyas.

Sin instalación

No hay un paquete de npm que instalar ni versiones que actualizar. Cada componente en Componentes es un archivo real dentro de packages/ui/src/. Lo copias a tu proyecto y desde ese momento es tuyo — lo editas, le sacas lo que no uses, le agregas lo que te falte, sin pelear con una dependencia externa.

packages/ui/src/button.tsx → tu-proyecto/components/ui/button.tsx

Requisitos

PaqueteVersión
React18 o superior
Tailwind CSScon el preset de @kenza-ui/tailwind-config
class-variance-authority^0.7
clsx + tailwind-mergepara la función cn()

Cómo empezar

  1. 1. Copia el archivo del componente que necesites desde packages/ui/src/ a tu proyecto.
  2. 2. Suma los tokens de color a tu Tailwind — ver Colores.
  3. 3. Importalo y usalo. Es tu código — editalo como quieras.