MDB 5 Simple Snippet
This extension adds snippets for MDB 5 - Material Design for Bootstrap 5
Usage
Type part of snippet selector and press enter or tab.
Press Ctrl+Space (Windows, Linux) or Cmd+Space (Mac OS) to display snippets list.
Snippets list
Here the list of available snippets below:
Fundamentals
| Snippet |
Description |
!mdb5 |
MDB HTML starter |
!mdb-basic |
MDB Basic layout |
Layout
| Snippet |
Description |
!mdb-grid-2col |
MDB Grid 2 columns |
!mdb-grid-3col |
MDB Grid 3 columns |
!mdb-grid-4col |
MDB Grid 4 columns |
!mdb-grid-center |
MDB Grid centered column |
!mdb-section |
MDB Section |
Content & styles
| Snippet |
Description |
!mdb-hover |
MDB Hover effects |
!mdb-icon |
MDB Icon |
!mdb-note |
MDB Note |
Navigation
| Snippet |
Description |
!mdb-foot |
MDB Footer |
!mdb-head-jumbo |
MDB Header with jumbotron |
!mdb-head-img |
MDB Header with image |
!mdb-nav |
MDB Navbar |
!mdb-page |
MDB Pagination |
!mdb-pills |
MDB Pills |
Components
| Snippet |
Description |
!mdb-btn |
MDB Button |
!mdb-btn-link |
MDB Button link |
!mdb-btn-float |
MDB Button floating |
!mdb-btn-social |
MDB Button social |
!mdb-card |
MDB Card |
!mdb-card-empty |
MDB Card empty |
!mdb-card-img |
MDB Card image |
!mdb-card-complex |
MDB Card complex |
!mdb-list-group |
MDB List group |
!mdb-modal |
MDB Modal |
| Snippet |
Description |
!mdb-form |
MDB Form |
!mdb-checkbox |
MDB Checkbox |
!mdb-radio |
MDB Radio |
!mdb-input |
MDB Input |
!mdb-textarea |
MDB Textarea |
Data
| Snippet |
Description |
!mdb-table |
MDB Table |
Utilities
| Snippet |
Description |
!mdb-embed |
MDB Embed |
!mdb-ripple-color |
MDB Ripple color |
!mdb-divide |
MDB Divider |
| |
