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. Os wrappers declaram Angular >=14.0.0, React ^18 || ^19 e Vue >=3.4.38 <4.0.0. A versão instalada no quickstart é uma escolha do projeto de exemplo e não substitui a faixa declarada pelo wrapper nem a matriz automatizada de compatibilidade.

As versões abaixo foram auditadas nos package.json da branch main dos repositórios em 4 de setembro de 2026. A coluna de framework mostra a versão usada pelo exemplo; a página de compatibilidade mostra as faixas declaradas e as versões verificadas pelo monorepo.

Os quickstarts acompanham as versões atuais deste monorepo: Web Components 2.1.3, Angular 18.2.14, React 19.2.8, Vue 3.5.40, Vite 7.3.6 e TypeScript 5.5.4. Isso não altera as faixas de compatibilidade declaradas pelos wrappers.

Tecnologia	Pacote principal	Versão usada no quickstart	Ambiente e ferramentas	Recursos
JavaScript	@govbr-ds/webcomponents	Web Components 2.1.3	Node.js 22.23.3 pnpm 12.6.0 Vite 7.3.6	Demonstração Código-fonte
Angular	@govbr-ds/webcomponents-angular	Angular 18.2.14	Node.js 22.23.3 pnpm 12.6.0 Angular CLI 18.2.21; TypeScript 5.5.4	Demonstração Código-fonte
React	@govbr-ds/webcomponents-react	React 19.2.8	Node.js 22.23.3 pnpm 12.6.0 Vite 7.3.6; TypeScript 5.5.4	Demonstração Código-fonte
Vue	@govbr-ds/webcomponents-vue	Vue 3.5.40	Node.js 22.23.3 pnpm 12.6.0 Vite 7.3.6; TypeScript 5.5.4	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.