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.tsxRequisitos
| Paquete | Versión |
|---|---|
| React | 18 o superior |
| Tailwind CSS | con el preset de @kenza-ui/tailwind-config |
| class-variance-authority | ^0.7 |
| clsx + tailwind-merge | para la función cn() |
Cómo empezar
- 1. Copia el archivo del componente que necesites desde
packages/ui/src/a tu proyecto. - 2. Suma los tokens de color a tu Tailwind — ver Colores.
- 3. Importalo y usalo. Es tu código — editalo como quieras.