@convertcompany/ui

Biblioteca de componentes React da Convert Company — design system com foco em produtividade, consistência e acessibilidade.

📚 Documentação

Toda a documentação, exemplos e playground estão no site:

👉 https://ui.convertcompany.com.br/

Lá você encontra:

• Introdução e visão geral
• Instalação (preset do Tailwind, conteúdo, tokens)
• Tokens & Temas (modo claro/escuro, cores, radius, etc.)
• Componentes (API, variações e exemplos)
• Exemplos completos (páginas e padrões de interface)
• Changelog (notas de versão)

✨ Por que usar

• Consistência visual entre produtos Convert.
• Acessibilidade por padrão (baseado em Radix UI).
• Produtividade: componentes prontos + utilitários.
• Theming simples via tokens CSS e preset do Tailwind.

⚡️ Instalação rápida

Para passos detalhados (content, presets e estilos base), consulte Instalação na documentação.

# npm
npm i @convertcompany/ui

# yarn
yarn add @convertcompany/ui

# pnpm
pnpm add @convertcompany/ui

Uso básico:

import { Button } from "@convertcompany/ui";

export default function App() {
  return <Button>Olá</Button>;
}

🧭 Comece por aqui

1. Introdução → o que é, princípios e escopo
2. Instalação → preset do Tailwind, estilos e configuração
3. Tokens & Temas → personalize cores, radius e dark mode
4. Componentes → API e exemplos práticos
5. Exemplos → páginas e padrões prontos para copiar

👉 Tudo em: https://ui.convertcompany.com.br/

🤝 Contribuindo

Sinta-se à vontade para abrir issues e PRs. Siga o padrão de commits, inclua screenshots quando aplicável e atualize o Changelog quando houver mudanças relevantes. As diretrizes estão na documentação.

🧾 Licença

MIT © Convert Company