Components

Painéis expansíveis para organizar conteúdo denso em blocos colapsáveis.

Representação visual de usuários, empresas ou entidades do sistema.

Indicador compacto de contagem, status ou destaque numérico.

Trilha de navegação que mostra a posição do usuário na hierarquia.

Ação primária da interface, com variantes, tamanhos e estados completos.

Seleção de datas e intervalos com suporte a navegação por teclado.

Superfície agrupadora de conteúdo relacionado com hierarquia clara.

Navegação horizontal por conjuntos de itens ou mídias.

Visualização de dados com linha, barra, área, donut e pizza.

Seleção múltipla independente, com estado indeterminado.

Destaque contextual para onboarding e apresentação de novidades.

Linhas de conteúdo rotuladas para exibir pares label/valor.

Janela de confirmação curta que exige decisão do usuário.

Separador visual entre blocos de conteúdo ou grupos de ações.

Agrupamento semântico de campos relacionados de formulário.

Envio de arquivos com drag & drop, progresso e validação.

Conjunto de filtros aplicáveis a listagens e tabelas.

Biblioteca completa de campos de formulário e seus estados.

Sistema de colunas responsivo com gutters e breakpoints definidos.

Padrões auxiliares: empty, error, loading, no results e offline.

Botão de ação compacto representado apenas por ícone.

Ícones decorativos e informativos, sem interação.

Exibição de imagens com proporção, fallback e estados de carregamento.

Carregamento progressivo de listas longas conforme o scroll.

Mensagem contextual dentro do fluxo, para alerta ou informação.

Link de navegação com estados de hover, foco e ativo.

Lista de ações acionada por um gatilho, com agrupamentos.

Camada sobreposta para fluxos e formulários mais extensos.

Cabeçalho global da aplicação com busca, ações e perfil.

Navegação entre páginas de listagens com controle de itens por página.

Visualização de documentos PDF com zoom e navegação por páginas.

Indicador de progresso determinado para processos longos.

Seleção única dentro de um conjunto de opções excludentes.

Avaliação por estrelas para feedback qualitativo.

Editor de texto formatado com barra de ferramentas.

Título de seção com suporte a descrição e ações auxiliares.

Card selecionável usado como alternativa visual a radios e checkboxes.

Grupo de botões segmentados para alternar entre opções.

Coleção de seletores: switch, checkbox, radio e chips de seleção.

Painel lateral deslizante para detalhes e edições rápidas.

Menu lateral com grupos, itens ativos e estado recolhido.

Placeholder de carregamento que preserva o layout final.

Seleção de valores contínuos ou intervalos numéricos.

Indicador de carregamento indeterminado.

Progresso por etapas em fluxos longos e assistidos.

Alternância imediata entre dois estados binários.

Elementos globais: focus ring, scrollbar, overlay, elevação e cursores.

Tabela de dados com ordenação, seleção, filtros e paginação.

Rótulo de categorização e status com variações semânticas.

Chip removível para representar valores selecionados.

Estilos de texto aplicados: parágrafo, ênfase, code e listas.

Histórico cronológico de eventos e auditoria.

Título com destaque cromático em trechos relevantes.

Notificação temporária de resultado de ação.

Dica contextual curta exibida no hover ou foco.

Estrutura hierárquica expansível de nós e pastas.

Exibição de métricas e KPIs com variação e contexto.