Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

Awesome Lists containing this project

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