Quickstarts oficiais

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.

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.
• Os quickstarts validam os pacotes como aplicações externas reais.