Introdução

Design System composto por componentes reutilizáveis e acessíveis, construído sobre shadcn/ui.

Princípios

• Copy, don't install — Componentes são copiados para o projeto, não importados como dependência
• 3 camadas — Primitivos (shadcn/ui) → Compostos (Kobana) → Templates (páginas completas)
• TypeScript-first — Tipagem completa para todos os componentes e hooks
• CLI-driven — Instale e atualize via CLI

Quick Start

npx @kobana/ui init
npx @kobana/ui add status-badge

import { StatusBadge } from "@/components/kobana/status-badge"

export function Example() {
  return <StatusBadge status="active" label="Ativo" />
}

Componentes Disponíveis

Compostos

Templates

Hooks