{"id":13772200,"url":"https://github.com/mdbootstrap/MDB-VSCode-snippets","last_synced_at":"2025-05-11T04:31:12.098Z","repository":{"id":66086885,"uuid":"228355144","full_name":"mdbootstrap/MDB-VSCode-snippets","owner":"mdbootstrap","description":"VS Code snippets for MDB","archived":false,"fork":false,"pushed_at":"2020-06-22T07:38:45.000Z","size":3192,"stargazers_count":10,"open_issues_count":1,"forks_count":6,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-04-21T09:06:28.002Z","etag":null,"topics":["bootstrap4","snippets"],"latest_commit_sha":null,"homepage":"https://mdbootstrap.com/docs/standard/getting-started/vsc-snippets/","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mdbootstrap.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2019-12-16T09:55:15.000Z","updated_at":"2024-10-01T09:17:59.000Z","dependencies_parsed_at":"2023-02-20T20:45:28.567Z","dependency_job_id":null,"html_url":"https://github.com/mdbootstrap/MDB-VSCode-snippets","commit_stats":null,"previous_names":[],"tags_count":9,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdbootstrap%2FMDB-VSCode-snippets","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdbootstrap%2FMDB-VSCode-snippets/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdbootstrap%2FMDB-VSCode-snippets/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdbootstrap%2FMDB-VSCode-snippets/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mdbootstrap","download_url":"https://codeload.github.com/mdbootstrap/MDB-VSCode-snippets/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253518941,"owners_count":21921074,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap4","snippets"],"created_at":"2024-08-03T17:01:01.236Z","updated_at":"2025-05-11T04:31:10.024Z","avatar_url":"https://github.com/mdbootstrap.png","language":null,"readme":"# mdbsnippets README\n\nVisual Studio Code extension with MDBootstrap snippets.\n\n## What is MDB-VSCode-snippets extension?\n\nMDB-VSCode-snippets is a MDBootstrap users toolkit for boosting working with MDB products.\n\nWith MDB-VSCode-snippets you can use shortcuts instead of writing whole code.\n\n``` \n!mdb-breadcrumb\n```\n```\n\u003cnav aria-label=\"breadcrumb\"\u003e\n  \u003col class=\"breadcrumb\"\u003e\n    \u003cli class=\"breadcrumb-item\"\u003e\u003ca href=\"#\"\u003eHome\u003c/a\u003e\u003c/li\u003e\n    \u003cli class=\"breadcrumb-item\"\u003e\u003ca href=\"#\"\u003eLibrary\u003c/a\u003e\u003c/li\u003e\n    \u003cli class=\"breadcrumb-item active\"\u003eData\u003c/li\u003e\n  \u003c/ol\u003e\n\u003c/nav\u003e\n```\n\n![Usage](https://github.com/mdbootstrap/MDB-VSCode-snippets/blob/master/image/usage.gif)\n\n### Instalation \n1. Launch Visual Studio Code\n2. Go to extensions tab - Ctrl-Shift-X (Windows, Linux) or Cmd-Shift-X (OSX)\n3. Search for 'mdbsnippets'\n4. Choose the extension\n5. Install extension and reload Visual Studio Code\n\n-----------------------------------------------------------------------------------------------------------\n\n## Shortcuts\n- [General](#general)\n- Components\n  - [Alerts](#alerts)\n  - [Buttons](#buttons)\n  - [Cards](#cards)\n  - [Dropdowns](#dropdowns)\n  - [Loaders](#loaders)\n  - [Panels](#panels)\n- Navigation\n  - [Breadcrumbs](#breadcrumbs)\n  - [Footer](#footer)\n  - [Hamburger Menu](#hamburger-menu)\n  - [Mega Menu](#mega-menu)\n  - [Navs](#navs)\n  - [Navbar](#navbar)\n  - [Scrollspy](#scrollspy)\n  - [Sidenav](#sidenav)\n- Forms\n  - [Checkbox](#checkbox)\n  - [Inputs](#inputs)\n  - [Slider](#slider)\n  - [Switch](#switch)\n- Tables\n  - [Basic Tables](#basic-tables)\n- Modals\n  - [Basic Modals](#basic-modals)\n  - [Advanced Modals](#advanced-modals)\n- Plugins\n  - [iFrame](#iFrame)\n  - [Edge Header](#edge-header)\n\n\n#### General\nName of component | Shortcut\n------------ | -------------\nMDB HTML Template | !mdb\n\n#### Alerts\nName of component | Shortcut\n------------ | -------------\nMDB Primary Alert | !mdb-alert-primary\nMDB Secondary Alert | !mdb-alert-secondary\nMDB Success Alert | !mdb-alert-success\nMDB Danger Alert | !mdb-alert-danger\nMDB Warning Alert | !mdb-alert-warning\nMDB Info Alert | !mdb-alert-info\nMDB Light Alert | !mdb-alert-light\nMDB Dark Alert | !mdb-alert-dark\n\n#### Buttons\nName of component | Shortcut\n------------ | -------------\nPrimary Btn | !mdb-button-primary\nSecondary Btn | !mdb-button-secondary\nSucces Btn | !mdb-button-succces\nDanger Btn | !mdb-button-danger\nWarning Btn | !mdb-button-warning\nInfo Btn | !mdb-button-info\nLight Btn | !mdb-button-light\nDark Btn | !mdb-button-dark\nLink Btn | !mdb-button-link\nGradient Peach Btn | !mdb-button-gr-pe\nGradient Blue Btn | !mdb-button-gr-bl\nGradient Aqua Btn | !mdb-button-gr-aq\nOutline Primary Btn | !mdb-button-ou-pr\nLarge Btn | !mdb-button-lg\nSmall Btn | !mdb-button-sm\nBlock Btn | !mdb-button-bloc\nCheckbox Btn | !mdb-button-check\nRadio Btn | !mdb-button-radio\n\n#### Cards\nName of component | Shortcut\n------------ | -------------\nBasic Card | !mdb-card\n\n#### Dropdowns\nName of component | Shortcut\n------------ | -------------\nMDB Primary Dropdown | !mdb-dropdown-primary\n\n#### Loaders\nName of component | Shortcut\n------------ | -------------\nMaterial Loader | !mdb-loader\nDefault Loader |  !mdb-loader-df\n\n#### Panels\nName of component | Shortcut\n------------ | -------------\nBasic Panel | !mdb-panel\n\n#### Breadcrumbs\nName of component | Shortcut\n------------ | -------------\nBasic Breadcrumb | !mdb-breadcrumb\n\n#### Footer\nName of component | Shortcut\n------------ | -------------\nBasic Footer | !mdb-footer\n\n#### Hamburger Menu\nName of component | Shortcut\n------------ | -------------\nHamburger Menu | !mdb-hamburger-menu\n\n#### Mega Menu\nName of component | Shortcut\n------------ | -------------\nMega Menu | !mdb-megamenu\n\n#### Navs\nName of component | Shortcut\n------------ | -------------\nMDB Nav | !mdb-nav\n\n#### Navbar\nName of component | Shortcut\n------------ | -------------\nMDB Navbar | !mdb-navbar\n\n#### Scrollspy\nName of component | Shortcut\n------------ | -------------\nScrollspy | !mdb-scrollspy\n\n#### Sidenav\nName of component | Shortcut\n------------ | -------------\nSidenav | !mdb-side-nav\n\n#### Checkbox\nName of component | Shortcut\n------------ | -------------\nMaterial Checkbox | !mdb-checkbox\nDefault Checkbox | !mdb-checkbox-default\nInline Checkboxes | !mdb-checkbox-inline\n\n#### Inputs\nName of component | Shortcut\n------------ | -------------\nMaterial Input | !mdb-input\n\n#### Slider\nName of component | Shortcut\n------------ | -------------\nBasic Slider | !mdb-slider\n\n#### Switch\nName of component | Shortcut\n------------ | -------------\nMaterial Switch | !mdb-switch\n\n#### Basic Modals\nName of component | Shortcut\n------------ | -------------\nBasic Example | !mdb-modal\n\n#### Advanced Modals\nName of component | Shortcut\n------------ | -------------\nModal Cookies | !mdb-modal-cookies\n\n#### Basic Tables\nName of component | Shortcut\n------------ | -------------\nBasic Example | !mdb-table\nStriped Table | !mdb-table-striped\nBordered Table | !mdb-table-bordered\n\n#### IFrame\nName of component | Shortcut\n------------ | -------------\nYouTube iFrame | !mdb-iFrame-yt\nVimeo iFrame | !mdb-iFrame-vimeo\n\n#### Edge Header\nName of component | Shortcut\n------------ | -------------\nEdge Header | !mdb-edge-header\n\n-----------------------------------------------------------------------------------------------------------\n\n## Versions\n\n## [1.4.7]\nUpdate template to MDB 4.19.1 version.\n## [1.4.6]\nUpdate template to MDB 4.19.0 version.\n## [1.4.5]\nUpdate template to MDB 4.18.0 version.\n## [1.4.4]\nUpdate template to MDB 4.17.0 version.\n### 1.4.3\nUpdate template to MDB 4.16.0 version.\n### 1.4.2\nUpdate template to MDB 4.15.0 version.\n### 1.4.1\nUpdate template to MDB 4.14.1 version.\n### 1.4.0\nUpdate template to MDB 4.14.0 version.\n### 1.3.0\nNew snippets for MDB components and update template to MDB 4.13.0 version.\n### 1.2.0\nNew snippets for MDB components and update template to MDB 4.12.0 version.\n### 1.1.0\nNew snippets for MDB components.\n### 1.0.0\nInitial release of MDBootstrap-VSCode-snippets.\n\n-----------------------------------------------------------------------------------------------------------\n\n### For more information\n- Visit [MDBootstrap Page](https://mdbootstrap.com/).\n- Get [MDB FREE](https://mdbootstrap.com/docs/jquery/getting-started/download/).\n- Get [MDB PRO](https://mdbootstrap.com/products/jquery-ui-kit/).\n\n**Enjoy!**\n","funding_links":[],"categories":["Useful Links"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmdbootstrap%2FMDB-VSCode-snippets","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmdbootstrap%2FMDB-VSCode-snippets","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmdbootstrap%2FMDB-VSCode-snippets/lists"}