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.

Cada quickstart declara no próprio package.json e no README as versões de framework, Node.js e ferramentas que utiliza. Essas versões são escolhas do projeto de exemplo e não substituem as faixas declaradas nas peerDependencies dos wrappers; consulte a página de compatibilidade para as faixas suportadas.

Tecnologia	Pacote principal	Framework	Ferramentas	Recursos
JavaScript	@govbr-ds/webcomponents	Web Components sem wrapper	Node.js, pnpm, Vite	Demonstração Código-fonte
Angular	@govbr-ds/webcomponents-angular	Angular	Node.js, pnpm, Angular CLI e TypeScript	Demonstração Código-fonte
React	@govbr-ds/webcomponents-react	React	Node.js, pnpm, Vite e TypeScript	Demonstração Código-fonte
Vue	@govbr-ds/webcomponents-vue	Vue	Node.js, pnpm, Vite e TypeScript	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.