Catalog
Componentes
Todos os componentes do design system organizados por categoria. Clique para ver exemplos, variantes e o path do arquivo.
Destaque
Inputs & Forms
InputCampo de texto para entrada de dados.src/components/shadcn/input.tsxTextareaCampo de texto multilinha.src/components/shadcn/textarea.tsxSelectMenu de seleção com opções.src/components/shadcn/select.tsxCheckboxCaixa de seleção para escolhas múltiplas.src/components/shadcn/checkbox.tsxRadio GroupGrupo de opções mutuamente exclusivas.src/components/shadcn/radio-group.tsxSwitchToggle on/off para estados binários.src/components/shadcn/switch.tsxFormFormulário com validação via react-hook-form + zod.src/components/shadcn/form.tsxInput OTPEntrada de código de verificação.src/components/shadcn/input-otp.tsxSliderControle deslizante para seleção de valores.src/components/shadcn/slider.tsx
Data Display
CardContêiner visual para agrupar informações.src/components/ui/Card.tsxTableTabela para exibição de dados tabulares.src/components/shadcn/table.tsxAvatarRepresentação visual de um usuário.src/components/shadcn/avatar.tsxBadgeEtiqueta de status ou categoria.src/components/shadcn/badge.tsxProgressBarra de progresso para indicar conclusão.src/components/shadcn/progress.tsx
Feedback
Navigation
TabsNavegação por abas para alternar entre seções.src/components/shadcn/tabs.tsxBreadcrumbTrilha de navegação hierárquica.src/components/shadcn/breadcrumb.tsxPaginationControle de paginação para listas longas.src/components/shadcn/pagination.tsxCommandPaleta de comandos com busca.src/components/shadcn/command.tsx
Overlays
Dropdown MenuMenu suspenso de ações.src/components/shadcn/dropdown-menu.tsxPopoverPainel flutuante para conteúdo contextual.src/components/shadcn/popover.tsxHover CardCard exibido ao passar o mouse sobre um elemento.src/components/shadcn/hover-card.tsxCalendarSeletor de data em formato de calendário.src/components/shadcn/calendar.tsx