Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>MDS Angular Snippets - Mobiis Design SystemNew to Visual Studio Code? Get it now.
MDS Angular Snippets - Mobiis Design System

MDS Angular Snippets - Mobiis Design System

Fretefy

| (0) | Free
Snippets para os componentes do mds-angular.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

MDS Angular Snippets

Uma coleção de snippets para os componentes do MDS (Mobiis Design System) no Angular, projetada para acelerar o desenvolvimento e garantir a consistência no uso da biblioteca MDS Angular.

🚀 Funcionalidades

  • Autocomplete Inteligente: Snippets otimizados para todos os componentes principais do MDS.
  • Atributos Pré-definidos: Sugestões automáticas de parâmetros, propriedades e eventos comuns através de placeholders.
  • Produtividade: Reduza o tempo gasto consultando a documentação e digitando boilerplate.

🛠 Como usar

No editor de código, abra qualquer arquivo .html e comece a digitar o prefixo mds-. Uma lista de componentes disponíveis aparecerá para você escolher.

Exemplo:

  1. Digite mds-button
  2. Pressione Tab ou Enter
  3. O componente será inserido com os placeholders prontos para preenchimento.

📦 Componentes Incluídos

A extensão cobre uma vasta gama de componentes do design system, incluindo:

  • Feedback: mds-alert, mds-badge, mds-loader, mds-empty-state
  • Navegação: mds-menu, mds-topbar, mds-nav-tabs, mds-breadcrumb
  • Formulários: mds-input, mds-select, mds-checkbox, mds-radio, mds-date-time-picker, mds-color-picker
  • Ações: mds-button, button[mdsButton], mds-control-group
  • Visualização: mds-card, mds-avatar, mds-icon, mds-chart, mds-progress-circle
  • Layout: mds-collapse, mds-float-panel, mds-page-header, mds-toolbar

📋 Requisitos

  • MDS Angular: Esta extensão é um auxiliar para projetos que utilizam a biblioteca @fretefy/mds-angular.

Desenvolvido com ❤️ pela equipe d Mobiis.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft