@dexcode-packages/ui

Componentes React (TypeScript + Tailwind CSS) para projetos Next.js, sem dependências de terceiros. Os componentes só usam classes utilitárias do Tailwind — o CSS não é enviado pelo pacote, quem gera o CSS final é o Tailwind do projeto que consome a lib.

Instalação

npm install @dexcode-packages/ui

Requer react e react-dom >= 18 (peerDependencies) e Tailwind CSS configurado no projeto consumidor.

Configurar o Tailwind para enxergar os componentes

O Tailwind v4 ignora node_modules por padrão. Adicione a diretiva @source no seu CSS global apontando para o pacote publicado:

@import "tailwindcss";
@source "../node_modules/@dexcode-packages/ui";

(No Tailwind v3, adicione o mesmo caminho no array content do tailwind.config.js.)

Uso

import { Button } from '@dexcode-packages/ui'

export function Example() {
  return (
    <Button variant="primary" size="md" onClick={() => console.log('clicou')}>
      Salvar
    </Button>
  )
}

Button

| Prop | Tipo | Padrão | | --------- | -------------------------------------------------- | ----------- | | variant | 'primary' \| 'secondary' \| 'outline' \| 'ghost' | 'primary' | | size | 'sm' \| 'md' \| 'lg' | 'md' |

Aceita todas as demais props de <button> (onClick, disabled, etc).

Documentação completa com exemplos ao vivo: ver o app docs deste monorepo.