Awesome
MDB Angular Code Snippets
This extension adds snippets for MDB Angular - Angular Bootstrap UI KIT
<!-- ![Usage](https://github.com/mdbootstrap/mdb-angular-vscode-snippets/raw/master/images/snippets-usage.gif) -->Usage
Type part of snippet selector and press enter
.
Alternatively, press Ctrl
+Space
(Windows, Linux) or Cmd
+Space
(Mac OS) to display snippets list.
Snippets list
You can find list of available snippets below:
HTML Snippets
Snippet | Description |
---|---|
a-mdb-button | MDB Button component |
a-mdb-card | MDB Card component |
a-mdb-dropdown-default | MDB Dropdown component (default version) |
a-mdb-dropdown-material | MDB Dropdown component (material version) |
a-mdb-jumbotron | MDB Jumbotron component |
a-mdb-list-group | MDB List group component |
a-mdb-spinner | MDB Spinner component (default version) |
a-mdb-spinner-material | MDB Spinner component (material version) |
a-mdb-panel | MDB Panel component |
a-mdb-pagination | MDB Pagination component |
a-mdb-progress | MDB Progress component (default version) |
a-mdb-progress-material | MDB Progress component (material version) |
a-mdb-tabset | MDB Tabset component |
a-mdb-tab | MDB Tab component |
a-mdb-badge | MDB Badge component |
a-mdb-accordion | MDB Accordion component |
a-mdb-accordion-item | MDB Accordion item component |
a-mdb-collapse | MDB Collapse component |
a-mdb-basic-footer | MDB Footer component (basic version) |
a-mdb-hamburger-menu | MDB Hamburger menu component |
a-mdb-navs | MDB Navs component |
a-mdb-navbar-basic | MDB Navbar component (basic version) |
a-mdb-sidenav-basic | MDB Sidenav component (basic version) |
a-mdb-input | MDB Input component |
a-mdb-select | MDB Select component |
a-mdb-multiselect | MDB Multiselect component |
a-mdb-search | MDB Search component |
a-mdb-slider-default | MDB Slider component (default version) |
a-mdb-slider-material | MDB Slider component (material version) |
a-mdb-switch-material | MDB Switch component (material version) |
a-mdb-switch-material | MDB Switch component (material version) |
a-mdb-textarea | MDB Textarea component |
a-mdb-time-picker | MDB Time picker component |
a-mdb-modal-basic | MDB Modal basic component |
a-mdb-modal-cookies | MDB Modal cookies component |
Installation
- Launch Visual Studio Code
- Go to extensions tab -
Ctrl
-Shift
-X
(Windows, Linux) orCmd
-Shift
-X
(OSX) - Search for 'MDB Angular Snippets'
- Choose the extension
- Install extension and reload Visual Studio Code