GovBR Web Components Autocomplete

Extensão oficial para Visual Studio Code que oferece suporte a autocomplete (IntelliSense) para os Web Components do GovBR Design System.

Aumente sua produtividade e reduza erros com sugestões inteligentes de componentes, atributos e valores.

✨ Funcionalidades

🧩 Autocomplete de Componentes

Digite <br- e veja sugestões de todos os componentes GovBR disponíveis (ex: br-button, br-input). A extensão insere automaticamente a estrutura básica do componente.

🖼️ Snippets de Telas Prontas (Scaffolding)

Acelere a criação das suas interfaces com templates de telas completas e prontas do GovBR DS, configuradas com o grid padrão e componentes básicos. Digite screen- no seu arquivo HTML e escolha um dos templates, como:

• screen-login: Tela de login completa estruturada num br-card;
• screen-dashboard: Template base completo com Header, Menu Lateral, Breadcrumb e Cards;
• screen-form ou screen-modal-form: Formulários em grid ou dentro de modais prontos;
• screen-table ou screen-search: Listagens em tabelas ou interface de busca rica.

📝 Autocomplete de Atributos

Dentro de uma tag de componente, receba sugestões apenas dos atributos válidos para aquele elemento.

💡 Sugestões de Valores

• Booleanos: Sugere true e false.
• Enums: Sugere valores pré-definidos (ex: variant = primary, secondary, etc).
• Atalho: Use Ctrl+Espaço para ver as opções.

📚 Documentação Inline

Passe o mouse sobre componentes e atributos para ver descrições, tipos e valores padrão diretamente no editor.