AngularMaterialSnippets README
Easy to use angular material code snippets on the fly.
Features
- !mat-inputh-fc : Input HTML With FormControl
- !mat-inputh-ngm : Input HTML With ngModel
- !mat-selecth-fc : Select Input HTML With FormControl
- !mat-selecth-ngm : Select Input HTML With ngModel
- !mat-checkboxh-fc : Checkbox HTML With FormControl
- !mat-checkboxh-ngm : Checkbox HTML With ngModel
- !mat-tooltiph : Tooltip HTML Simple
- !mat-tooltiph-advance : Tooltip HTML Advanced
- !mat-datepickerh-fc : Datepicker HTML With FormControl
- !mat-datepickerh-ngm : Datepicker HTML With ngModel
- !mat-tableh : Table HTML
- !mat-tableh-paginator : Table HTML With Paginator
- !mat-dialogt-o : TS Code to Open A Dialog Snippet.
- !mat-dialogt-o-imports : TS Code to Open A Dialog Snippet With Imports And Initialization(As Comments).
- !mat-dialogt-c : TS Code For Mat-Dialog Component (As Comments).
- !mat-textareah-fc : Textarea HTML With FormControl
- !mat-textareah-ngm : Textarea HTML With ngModel
- !mat-radioh-fc : Radio HTML With FormControl
- !mat-radioh-ngm : Radio HTML With ngModel
- !mat-toolbarh : Simple Toolbar
- !mat-cardh : Simple Mat-Card
- !mat-cardh-advance : Advance Mat-Card
- !mat-dividerh : Simple Divider
- !mat-sliderh : Slider
- !mat-slidetoggleh : Slide Toggle
- !mat-menuh : Simple Menu
- !mat-menuh-nested : Nested Menu
- !mat-menuh-lazyl : Lazy Loading Nested Menu
- !mat-menuh-lazyl-passdata : Lazy Loading Menu Passing Data.
- !mat-expansionh : Expansion Panel/Accordion
- !mat-expansionh-lazyl : Expansion Panel/Accordion Lazy Loading Content With matExpansionPanelContent Attribute
- !mat-listh : Simple List
- !mat-navlisth : Navigation List
- !mat-actionlisth : Action List
- !mat-gridh : Grid List
- !mat-tabh : Simple Tabs
- !mat-tabh-lazyl : Tabs With Lazy Loading
- !mat-navtabh : Tabs For Navigation Between Routes
- !mat-buttonh : Material Buttons
- !mat-buttonh-toggle : Toggle Button
- !mat-badgeh : Badges
- !mat-chiph : Horizonatlly Stacked Chips
- !mat-chiph-v : Vertically Stacked Chips
- !mat-spinnerh : Spinner
- !mat-spinnerh-d : Spinner With Value
- !mat-snackbarh-o : HTML To Open A Snackbar
- !mat-snackbart-o : TS To Open Snackbar
- !mat-paginatorh : HTML For Paginator
- !mat-autoh : AutoComplete Input HTML With FormControl Without Display With Property
- !mat-autot : AutoComplete Input TS With FormControl Without Display With Property
- !mat-autoh-disp : AutoComplete Input HTML With DisplayWith Property
- !mat-autot-disp : AutoComplete Input TS With DisplayWith Property
- !mat-hint : Mat Hint To Be Used In MatFormField
- !mat-error : Mat Error To Be Used In MatFormField
- !mat-tableh-stickyhead : Table HTML With Sticky Header
- !mat-tableh-stickycol : Table HTML With Sticky Columns
- !mat-scrollvh : Virtual Scroll HTML.
- !mat-scrollvh-imports : Virtual Scroll HTML With Imports as comments.
- !mat-progressbarh : Progress Bar HTML With Different Modes.
- !mat-allimports : Material All Imports To Be Included In 'module.ts'.
- !mat-icon-link : Material Basic Icons CDN.
- !mat-iconh : Material Icon HTML. Get More icons at https://material.io/resources/icons/?style=baseline
Upcoming Features
- Sidenav - Complete
- Expansion Panel - Other properties such as multi as true or false
/Accordion
- Flat Tree - Complete
- Nested Tree - Complete
- Input - Auto Complete with Groups
- Chips - Input
- Chips - Autocomplete
- Snackbar - Handling Of Events
- Sort Header - Complete
| |