Menu ▾ ▴

Tree [262d03] master /
 History

HTTPS git://
HTTPS access

File Date Author Commit
 .vscode 2017-10-04 Hardik Pithva Hardik Pithva [d13e8b] initial commit
 images 2017-10-19 Hardik Pithva Hardik Pithva [262d03] updated snippet preview
 snippets 2017-10-19 Hardik Pithva Hardik Pithva [5a77ce] fixed trailing comma
 .gitignore 2017-10-04 Hardik Pithva Hardik Pithva [d13e8b] initial commit
 .vscodeignore 2017-10-04 Hardik Pithva Hardik Pithva [d13e8b] initial commit
 CHANGELOG.md 2017-10-19 Hardik Pithva Hardik Pithva [5a77ce] fixed trailing comma
 LICENSE 2017-10-04 Hardik Pithva Hardik Pithva [52b4d9] Initial commit
 README.md 2017-10-19 Hardik Pithva Hardik Pithva [72b574] added snippet preview
 package.json 2017-10-19 Hardik Pithva Hardik Pithva [5a77ce] fixed trailing comma

Read Me

Angular Material 2 Snippets for VS Code

This extension for Visual Studio Code adds snippets of HTML for Angular Material.

Have a look at CHANGELOG for the latest changes

Installation

  1. Install Visual Studio Code 1.10.0 or higher
  2. Launch VS Code
  3. Hit Cmd-Shift-P (macOS) or Ctrl-Shift-P (Windows, Linux)
  4. Select Install Extension
  5. Choose the extension Angular Material v2 snippets
  6. Reload Visual Studio Code

Usage

Start typing a-md-* and hit enter, the snippet spreads out.

Use Extension

HTML Snippets

Snippet Purpose
a-md-auto-complete <mat-autocomplete> control with *ngFor
a-md-card <mat-card> control basic card
a-md-checkbox <mat-checkbox> control with ngModel
a-md-datepicker <mat-datepicker> control
a-md-ex-panel <mat-expansion-panel> control for expandable summary view
a-md-grid <mat-grid-list> control for grid-based layout
a-md-grid-tile <mat-grid-tile> Grid tile for <mat-grid-list> control
a-md-input matInput with ngModel
a-md-menu <mat-menu> control with default items
a-md-menu-nested Nested <md-menu> with default items
a-md-menu-with-icon <mat-menu> control with default items and icon
a-md-paginator <mat-paginator> control for pagination
a-md-progress-bar <mat-progress-bar> control with indeterminate mode
a-md-progress-spinner <mat-progress-spinner> control with indeterminate mode
a-md-radio <mat-radio-group> control with default <mat-radio-button>
a-md-select <mat-select> control with ngModel
a-md-slider <mat-slider> control default horizontal
a-md-slider-vertical <mat-slider> control vertical
a-md-sidenav <mat-sidenav> control with *ngFor to iterate through nav items
a-md-switch <mat-slide-toggle> switch control
a-md-tab <mat-tab> control with set of two tabs
a-md-toolbar <mat-toolbar> control with primary color as default
a-md-tooltip matTooltip directive to display tooltip
a-md-tooltip-position matTooltipPosition directive to set position