Introdução

Componentes do Padrão Digital de Governo prontos para HTML, JavaScript, Angular, React e Vue. A biblioteca usa Custom Elements e Shadow DOM, com wrappers oficiais para oferecer tipagem, eventos e formulários idiomáticos em cada framework.

Onde encontrar cada informação

Preciso de	Fonte
Anatomia, fundamentos, padrões e UX Writing	Padrão Digital de Governo
Propriedades, eventos, slots, parts e exemplos	Este site
Aplicação completa por framework	Quickstarts oficiais
Código-fonte, issues e releases	GitLab

Pacotes

• @govbr-ds/core: estilos, tokens e utilitários globais.
• @govbr-ds/webcomponents: implementação dos elementos br-* em Web Components.
• @govbr-ds/webcomponents-angular: wrapper Angular.
• @govbr-ds/webcomponents-react: wrapper React e entrypoint SSR.
• @govbr-ds/webcomponents-vue: wrapper Vue.

Comece em poucos minutos

1. Abra Comece aqui.
2. Escolha sua tecnologia.
3. Instale os pacotes com versões compatíveis.
4. Edite um exemplo no Playground.
5. Use um quickstart como referência de aplicação.

Princípios técnicos

• API baseada em padrões da plataforma web.
• Uma implementação compartilhada entre frameworks.
• HTML nativo, semântica e teclado como base.
• Documentação gerada da mesma API publicada.
• Customização explícita por tokens, slots e CSS Parts.
• Testes consumidores para JavaScript, Angular, React e Vue.

Status da versão 1.x

A versão 1.x dos Web Components não recebe mais novos desenvolvimentos, encontrando-se exclusivamente em modo de manutenção. Recomendamos a migração para a versão 2.x, que oferece melhor integração com tecnologias modernas e novos recursos. Caso precise consultar o histórico, acesse nossa página de releases e busque pelas versões 1.x.