Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mdbootstrap/mdb-angular-vscode-snippets
VS code snippets for MDB4 angular
https://github.com/mdbootstrap/mdb-angular-vscode-snippets
angular bootstrap4
Last synced: 3 months ago
JSON representation
VS code snippets for MDB4 angular
- Host: GitHub
- URL: https://github.com/mdbootstrap/mdb-angular-vscode-snippets
- Owner: mdbootstrap
- Created: 2019-05-30T13:01:25.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2019-07-18T12:12:38.000Z (over 5 years ago)
- Last Synced: 2024-02-12T04:35:56.178Z (9 months ago)
- Topics: angular, bootstrap4
- Homepage: https://mdbootstrap.com/docs/angular/
- Size: 207 KB
- Stars: 10
- Watchers: 3
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
- awesome-mdbootstrap - Angular Visual Studio Code snippets - This extension adds snippets for MDB Angular - Angular Bootstrap UI KIT. (Useful Links)
README
# MDB Angular Code Snippets
This extension adds snippets for MDB Angular - Angular Bootstrap UI KIT
![Usage](./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
1. Launch Visual Studio Code
2. Go to extensions tab - `Ctrl`-`Shift`-`X` (Windows, Linux) or `Cmd`-`Shift`-`X` (OSX)
3. Search for 'MDB Angular Snippets'
4. Choose the extension
5. Install extension and reload Visual Studio Code