Angular Material 13.3.
angular material install using CLI
ng add @angular/material
Create module and import in app.module.ts
More information
visit here
A set of Angular Material 13.3.3 Snippets for Visual Studio Code.
Create a component and use Angular Material and type 'amat-' and 'a-' to see all available snippets, easy to use.
Available Snippets
Badges
| Trigger |
Description |
| amat-badges-all |
Material badges all |
| amat-badges |
Material badges |
| amat-badges-btn |
Material badges btn |
| amat-badges-color |
Material badges color |
| Trigger |
Description |
| amat-btn |
Material btn |
| amat-raised-btn |
Material raised button |
| amat-raised-btn |
Material Stroked button |
| amat-flat-btn |
Material flat button |
| amat-icn-btn |
Material Icn button |
| amat-btn-toggles |
Material button-toggles |
| amat-btn-toggles-s |
Material Basic button-toggles Single selection and multiple |
| amat-btn-toggles-appe |
Material Button toggle appearance |
Card
| Trigger |
Description |
| amat-card |
Material card with header image content and action section |
| Trigger |
Description |
| amat-form-input |
Material form input textbox |
| amat-form-input-pass |
Material form input password |
| amat-form-textarea |
Material form input textarea |
| amat-form-select |
Material form select |
| amat-form-list-select |
Material form list with checkbox |
| amat-form-checkbox |
Material checkbox with event |
| amat-form-radio |
Material radio btn |
| amat-datepicker |
Material Basic datepicker |
| amat-datepicker-icn |
Material Basic datepicker-icn |
| amat-datepicker-range |
Material range picker |
| amat-toggle-btn |
Material toggle button |
| amat-toggle-slider |
Material toggle slider |
Progress mode
| Trigger |
Description |
| amat-progress-determinate |
Material progress bar Determinate |
| amat-progress-indeterminate |
Material progress bar Indeterminate |
| amat-progress-buffer |
Material progress bar Buffer |
| amat-progress-query |
Material progress bar Query |
| amat-progress-spinner |
Material Basic progress-spinner |
Table
| Trigger |
Description |
| amat-table |
Material table |
| amat-table-filter |
Material table filter |
| amat-table-filter-page |
Material table filter width pagination |
| amat-tab |
Material tab |
Others
| Trigger |
Description |
| amat-icn |
Material icn |
| amat-tooltip |
Material Tooltip |
| amat-tooltip |
Material Tooltip position |
| amat-toolbar |
Material Toolbar |
| amat-divider |
Material divider |
| amat-accordion |
Material accordion |
| amat-grid-list |
Material Grid for layout |
| amat-grid-list-custum |
Material grid list custom |
| amat-form-list |
Material form list |
| amat-icon |
Material icon |
| amat-Paginator |
Material Paginator |
| amat-sidenav |
Material side navigation |
| amat-snackBar |
Material snackBar msg |
| amat-tab |
Material tab |
| amat-tree |
Material Tree |
| amat-chip |
Material chip auto complete |
Template
| Trigger |
Description |
| amat-template-login |
Material Login template |
| amat-template-forget |
Material forget password |
| amat-template-register |
Material register |
| amat-template-email-confirm |
Material confirm |
angular
| Trigger |
Description |
| a-httpClient-post-service |
http client post service |
| a-httpClient-get-service |
http client post service |
| a-httpClient-subscribe-data |
http client subscribe data |
| a-reactive-form |
angular reactive form |
| a-param-subscribe |
angular activatedroute parameter subscribe param |
| a-routelink |
angular route link |
License
This Visual Studio Code extension is open-source software licensed under the MIT license.
| |
