Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Angular Material SnippetsNew to Visual Studio Code? Get it now.
Angular Material Snippets

Angular Material Snippets

Prateek24

|
3,789 installs
| (2) | Free
Angular material snippets to save your time
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

AngularMaterialSnippets README

Easy to use angular material code snippets on the fly.

Features

  1. !mat-inputh-fc : Input HTML With FormControl
  2. !mat-inputh-ngm : Input HTML With ngModel
  3. !mat-selecth-fc : Select Input HTML With FormControl
  4. !mat-selecth-ngm : Select Input HTML With ngModel
  5. !mat-checkboxh-fc : Checkbox HTML With FormControl
  6. !mat-checkboxh-ngm : Checkbox HTML With ngModel
  7. !mat-tooltiph : Tooltip HTML Simple
  8. !mat-tooltiph-advance : Tooltip HTML Advanced
  9. !mat-datepickerh-fc : Datepicker HTML With FormControl
  10. !mat-datepickerh-ngm : Datepicker HTML With ngModel
  11. !mat-tableh : Table HTML
  12. !mat-tableh-paginator : Table HTML With Paginator
  13. !mat-dialogt-o : TS Code to Open A Dialog Snippet.
  14. !mat-dialogt-o-imports : TS Code to Open A Dialog Snippet With Imports And Initialization(As Comments).
  15. !mat-dialogt-c : TS Code For Mat-Dialog Component (As Comments).
  16. !mat-textareah-fc : Textarea HTML With FormControl
  17. !mat-textareah-ngm : Textarea HTML With ngModel
  18. !mat-radioh-fc : Radio HTML With FormControl
  19. !mat-radioh-ngm : Radio HTML With ngModel
  20. !mat-toolbarh : Simple Toolbar
  21. !mat-cardh : Simple Mat-Card
  22. !mat-cardh-advance : Advance Mat-Card
  23. !mat-dividerh : Simple Divider
  24. !mat-sliderh : Slider
  25. !mat-slidetoggleh : Slide Toggle
  26. !mat-menuh : Simple Menu
  27. !mat-menuh-nested : Nested Menu
  28. !mat-menuh-lazyl : Lazy Loading Nested Menu
  29. !mat-menuh-lazyl-passdata : Lazy Loading Menu Passing Data.
  30. !mat-expansionh : Expansion Panel/Accordion
  31. !mat-expansionh-lazyl : Expansion Panel/Accordion Lazy Loading Content With matExpansionPanelContent Attribute
  32. !mat-listh : Simple List
  33. !mat-navlisth : Navigation List
  34. !mat-actionlisth : Action List
  35. !mat-gridh : Grid List
  36. !mat-tabh : Simple Tabs
  37. !mat-tabh-lazyl : Tabs With Lazy Loading
  38. !mat-navtabh : Tabs For Navigation Between Routes
  39. !mat-buttonh : Material Buttons
  40. !mat-buttonh-toggle : Toggle Button
  41. !mat-badgeh : Badges
  42. !mat-chiph : Horizonatlly Stacked Chips
  43. !mat-chiph-v : Vertically Stacked Chips
  44. !mat-spinnerh : Spinner
  45. !mat-spinnerh-d : Spinner With Value
  46. !mat-snackbarh-o : HTML To Open A Snackbar
  47. !mat-snackbart-o : TS To Open Snackbar
  48. !mat-paginatorh : HTML For Paginator
  49. !mat-autoh : AutoComplete Input HTML With FormControl Without Display With Property
  50. !mat-autot : AutoComplete Input TS With FormControl Without Display With Property
  51. !mat-autoh-disp : AutoComplete Input HTML With DisplayWith Property
  52. !mat-autot-disp : AutoComplete Input TS With DisplayWith Property
  53. !mat-hint : Mat Hint To Be Used In MatFormField
  54. !mat-error : Mat Error To Be Used In MatFormField
  55. !mat-tableh-stickyhead : Table HTML With Sticky Header
  56. !mat-tableh-stickycol : Table HTML With Sticky Columns
  57. !mat-scrollvh : Virtual Scroll HTML.
  58. !mat-scrollvh-imports : Virtual Scroll HTML With Imports as comments.
  59. !mat-progressbarh : Progress Bar HTML With Different Modes.
  60. !mat-allimports : Material All Imports To Be Included In 'module.ts'.
  61. !mat-icon-link : Material Basic Icons CDN.
  62. !mat-iconh : Material Icon HTML. Get More icons at https://material.io/resources/icons/?style=baseline

Upcoming Features

  1. Sidenav - Complete
  2. Expansion Panel - Other properties such as multi as true or false /Accordion
  3. Flat Tree - Complete
  4. Nested Tree - Complete
  5. Input - Auto Complete with Groups
  6. Chips - Input
  7. Chips - Autocomplete
  8. Snackbar - Handling Of Events
  9. Sort Header - Complete
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft