Componentes
Explore os componentes do Gov.br Design System disponíveis em Web Components. Cada componente foi construído seguindo as diretrizes de design, oferecendo acessibilidade e flexibilidade.
41 de 41 componentes
Representa pessoas, perfis ou entidades em listas, cabeçalhos e áreas de usuário.
Mostra a localização da página dentro da hierarquia do serviço.
Dispara ações primárias, secundárias e auxiliares em fluxos de interação.
Agrupa conteúdo relacionado em uma unidade visual fácil de percorrer.
Organiza destaques ou sequências de conteúdo em navegação por páginas.
Permite selecionar uma ou mais opções independentes.
Agrupa checkboxes relacionados com legenda, orientação e estado compartilhado.
Expande ou recolhe blocos de conteúdo para reduzir ruído na tela.
Apresenta preferências e consentimento de cookies em conformidade com o serviço.
Coleta data, hora ou data e hora com padrões de entrada consistentes.
Separa grupos de conteúdo e reforça a organização visual da interface.
Revela ações ou opções contextuais sob demanda.
Organiza links institucionais, informações legais e canais no fim da página.
Fornece identidade, busca, navegação e ações globais do serviço.
Exibe ícones para reforçar significado, estados e ações.
Coleta texto, números e dados estruturados em formulários.
Representa uma linha de conteúdo ou opção reutilizável em listas e menus.
Conduz a outra página, seção ou recurso mantendo semântica de navegação.
Exibe coleções de itens com densidade e alinhamento consistentes.
Comunica carregamento, espera ou progresso de uma operação.
Destaca uma ação especial ou assistida dentro de um fluxo.
Estrutura navegação lateral, contextual ou hierárquica.
Informa sucesso, alerta, erro ou orientação dentro do contexto da página.
Interrompe o fluxo para decisões, confirmações ou conteúdo focalizado.
Agrupa notificações e comunicações persistentes ou recentes.
Navega por conjuntos longos de resultados divididos em páginas.
Permite escolher uma opção entre alternativas mutuamente exclusivas.
Organiza opções de radio como um único campo acessível e integrado a formulários.
Cria uma camada de foco ou bloqueio atrás de superfícies temporárias.
Permite selecionar uma ou mais opções em uma lista controlada.
Apresenta ação de autenticação alinhada ao padrão de acesso gov.br.
Ajusta valores numéricos em uma escala visual.
Mostra progresso e etapas em jornadas sequenciais.
Alterna uma configuração entre ligado e desligado.
Alterna painéis relacionados no mesmo nível de contexto.
Exibe dados tabulares para comparação, leitura e ação.
Identifica atributos, estados ou classificações de um item.
Coleta textos longos, observações e descrições em múltiplas linhas.
Fornece ajuda breve ou contexto adicional sob demanda.
Recebe arquivos do usuário com estados de envio e validação.
Guia fluxos complexos divididos em etapas com orientação progressiva.
