Kobana UI
Design System para produtos Kobana. Componentes compostos, reutilizáveis e acessíveis construídos com shadcn/ui.
npx @kobana/ui init
CLI-driven
Instale e atualize componentes via CLI. Zero configuração manual.
3 Camadas
Primitivos (shadcn/ui) → Compostos → Templates. Arquitetura escalável.
TypeScript-first
Tipagem completa. Autocomplete e verificação de tipos em todos os componentes.
Copy, Don't Install
Componentes são copiados para o projeto. Controle total, sem acoplamento.
19 Componentes
DataTablePageHeaderFilterBarFormSectionStatusBadgeConfirmDialogEmptyStateCopyCellCurrencyInputNumberInputEntityComboboxAddressFormFieldsAppLayoutAppSidebarThemeToggleExportModalImportModalRequirePermissionHeaderNotifications
Quick Start
# Inicializar
npx @kobana/ui init
npx @kobana/ui init
# Adicionar componentes
npx @kobana/ui add data-table page-header status-badge
npx @kobana/ui add data-table page-header status-badge
# Usar no código
import { DataTable } from "@/components/kobana/data-table"
import { DataTable } from "@/components/kobana/data-table"