Componentes
Componentes
28 componentes documentados, organizados por função de interface.
Ações
Controles que disparam comandos ou escolhas diretas.
Data display
Componentes para apresentar informação, métricas e conteúdo estruturado.
08AccordionConteúdo expansível em blocos verticais.24AvatarRepresentação compacta de pessoa, aluno, turma ou organização.02BadgeRótulos curtos para status, categorias e metadados.03CardAgrupamento visual para conteúdo e ações relacionadas.26ListLinhas estruturadas com mídia, conteúdo, metadados e ação.23StatIndicadores numéricos para prova social e dashboards simples.25StatusIndicador visual compacto para estado atual.09TableDados tabulares com densidade e leitura em mobile.
Navegação
Estruturas para orientar deslocamento entre páginas, etapas e conteúdos.
13BreadcrumbsCaminho hierárquico da página atual.11DrawerPainel lateral para navegação, filtros e apoio mobile.10NavbarNavegação principal mobile-first do site.28PaginationNavegação entre páginas de listas, tabelas e resultados.22StepsEtapas de jornada, onboarding, inscrição ou checkout.12TabsAlternância entre painéis relacionados.
Feedback
Estados de sistema, mensagens temporárias e carregamento.
07AlertMensagens persistentes de informação, sucesso, aviso ou erro.17LoadingIndicadores de processamento curto ou indeterminado.21ProgressProgresso determinado ou indeterminado.16SkeletonPlaceholder de carregamento que preserva estrutura.14ToastFeedback transitório de ações e eventos.15TooltipAjuda contextual para controles compactos.
Data input
Entradas e agrupamentos para formulários.
06Checkbox & RadioSeleção múltipla ou escolha única em grupos.18FieldsetAgrupamento semântico para formulários longos.20FileInputUpload de arquivos com estado visual.04Input & TextareaCampos de texto em linha única ou múltiplas linhas.05SelectEscolha de opção em lista nativa.19ToggleControle liga/desliga para configurações.
Layout
Peças estruturais para separar e organizar superfícies.