Angular Material 2 Snippets for VS Code Code
http://bit.ly/ng-material-vscode
Brought to you by:
hardikpthv
Menu
▾
▴
Tree [262d03] master / History
| File | Date | Author | Commit |
|---|---|---|---|
| .vscode | 2017-10-04 |
Hardik Pithva
|
[d13e8b] initial commit |
| images | 2017-10-19 |
Hardik Pithva
|
[262d03] updated snippet preview |
| snippets | 2017-10-19 |
Hardik Pithva
|
[5a77ce] fixed trailing comma |
| .gitignore | 2017-10-04 |
Hardik Pithva
|
[d13e8b] initial commit |
| .vscodeignore | 2017-10-04 |
Hardik Pithva
|
[d13e8b] initial commit |
| CHANGELOG.md | 2017-10-19 |
Hardik Pithva
|
[5a77ce] fixed trailing comma |
| LICENSE | 2017-10-04 |
Hardik Pithva
|
[52b4d9] Initial commit |
| README.md | 2017-10-19 |
Hardik Pithva
|
[72b574] added snippet preview |
| package.json | 2017-10-19 |
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
- Install Visual Studio Code 1.10.0 or higher
- Launch VS Code
- Hit
Cmd-Shift-P(macOS) orCtrl-Shift-P(Windows, Linux) - Select
Install Extension - Choose the extension
Angular Material v2 snippets - Reload Visual Studio Code
Usage
Start typing a-md-* and hit enter, the snippet spreads out.
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 |
