Biblioteca de Componentes

Explore todos os componentes de UI disponíveis com exemplos de uso

Componentes

Botões

Todos os tipos e variações de botões disponíveis

<Button>Primary</Button>
<Button variant="secondary">Secondary</Button>
<Button variant="outline">Outline</Button>
<Button variant="ghost">Ghost</Button>
<Button variant="destructive">Destructive</Button>

Documentação

Como usar componentes

Todos os componentes são importados de @/components/ui. Você pode copiar o código de exemplo acima e usá-lo em suas páginas.

Variações

Cada componente possui diferentes variações e tamanhos. Explore as propriedades disponíveis no código de exemplo.

Temas

Os componentes suportam temas claro e escuro automaticamente. Verifique o tema atual no seu navegador.

Acessibilidade

Todos os componentes seguem padrões de acessibilidade WCAG 2.1. Eles são totalmente navegáveis por teclado e leitores de tela.

💡 Dicas

  • • Clique no botão de copiar para copiar o código de exemplo
  • • Use as variações disponíveis para diferentes contextos
  • • Combine componentes para criar interfaces complexas
  • • Consulte a documentação do shadcn/ui para mais detalhes