This extension adds snippets for MDB 5 Standard - Material Design for Bootstrap 5 UI KIT
Type part of snippet selector and press enter.
Alternatively, press Ctrl+Space (Windows, Linux) or Cmd+Space (Mac OS) to display snippets list.
You can find list of available snippets below:
Snippet
Description
s-mdb-html-starterMDB HTML starter
s-mdb-basic-layoutMDB Basic layout
Snippet
Description
s-mdb-grid-2colMDB Grid 2 columns
s-mdb-grid-3colMDB Grid 3 columns
s-mdb-grid-4colMDB Grid 4 columns
s-mdb-grid-centeredMDB Grid centered column
s-mdb-sectionMDB Section
Snippet
Description
s-mdb-hover-effectsMDB Hover effects
s-mdb-iconMDB Icon
s-mdb-noteMDB Note
Snippet
Description
s-mdb-footerMDB Footer
s-mdb-header-jumbotronMDB Header with jumbotron
s-mdb-header-imageMDB Header with image
s-mdb-navbarMDB Navbar
s-mdb-paginationMDB Pagination
s-mdb-pillsMDB Pills
Snippet
Description
s-mdb-buttonMDB Button
s-mdb-button-linkMDB Button link
s-mdb-button-floatingMDB Button floating
s-mdb-button-socialMDB Button social
s-mdb-cardMDB Card
s-mdb-card-emptyMDB Card empty
s-mdb-card-imageMDB Card image
s-mdb-card-complexMDB Card complex
s-mdb-list-groupMDB List group
s-mdb-modalMDB Modal
Snippet
Description
s-mdb-formMDB Form
s-mdb-checkboxMDB Checkbox
s-mdb-radioMDB Radio
s-mdb-inputMDB Input
s-mdb-textareaMDB Textarea
Snippet
Description
s-mdb-tableMDB Table
Snippet
Description
s-mdb-embedMDB Embed
s-mdb-ripple-colorMDB Ripple color
s-mdb-dividerMDB Divider
Launch Visual Studio Code
Go to extensions tab - Ctrl-Shift-X (Windows, Linux) or Cmd-Shift-X (OSX)
Search for 'MDB 5 Standard snippets'
Choose the extension
Install extension and reload Visual Studio Code
