Quickstarts

Os quickstarts são aplicações consumidoras completas. Use esta documentação para consultar a API e os exemplos curtos; use o quickstart da sua tecnologia para ver instalação, navegação, eventos, formulários e build funcionando em conjunto.

Os READMEs dos quickstarts resumem os requisitos do projeto utilizado. Atualmente, os wrappers requerem Angular 14+, React 18 ou 19 e Vue >=3.4.38 <4.0.0; os Web Components usam ES2020, Custom Elements e Shadow DOM.

Tecnologia	Pacote principal	Recursos
JavaScript	@govbr-ds/webcomponents	Demonstração Código-fonte
Angular	@govbr-ds/webcomponents-angular	Demonstração Código-fonte
React	@govbr-ds/webcomponents-react	Demonstração Código-fonte
Vue	@govbr-ds/webcomponents-vue	Demonstração Código-fonte

Como começar

1. Escolha a tecnologia na tabela.
2. Clone o repositório indicado.
3. Execute pnpm install no quickstart.
4. Para configurar dependências locais, consulte a documentação oficial do pnpm link.
5. Use o comando local informado no README do projeto.
6. Consulte os guias de frameworks para propriedades, eventos, formulários, SSR e particularidades da integração.

Qual projeto escolher

• JavaScript: integração direta, eventos DOM e aplicações sem wrapper.
• Angular: componentes standalone e Reactive Forms.
• React: componentes React tipados, callbacks e React Hook Form.
• Vue: Composition API, eventos e v-model.

Responsabilidades

• O Padrão Digital de Governo é a fonte das diretrizes de design, padrões e acessibilidade.
• Este site é a fonte da API e do comportamento da implementação Web Components.
• Cada README deve declarar diretamente a versão mínima do framework ou runtime utilizado.
• Os quickstarts validam os pacotes como aplicações externas reais.