Add Basic Modal snippet

Author: Mateusz Łubianka

README.md

@@ -55,6 +55,8 @@ With MDB-VSCode-snippets you can use shortcuts instead of writing whole code.
   - [Inputs](#inputs)
   - [Slider](#slider)
   - [Switch](#switch)
+- Modals
+  - [Basic Modals](#basic-modals)
 
 
 #### General
@@ -179,20 +181,22 @@ Name of component | Shortcut
 ------------ | -------------
 Material Switch | !mdb-switch
 
+#### Basic Modals
+Name of component | Shortcut
+------------ | -------------
+Basic Example | !mdb-modal
+
+-----------------------------------------------------------------------------------------------------------
+
+## Versions
+
 ### 1.1.0
 New snippets for MDB components.
 ### 1.0.0
 Initial release of MDBootstrap-VSCode-snippets.
 
 -----------------------------------------------------------------------------------------------------------
 
-### Instalation 
-1. Launch Visual Studio Code
-2. Go to extensions tab - Ctrl-Shift-X (Windows, Linux) or Cmd-Shift-X (OSX)
-3. Search for 'mdbsnippets'
-4. Choose the extension
-5. Install extension and reload Visual Studio Code
-
 ### For more information
 - Visit [MDBootstrap Page](https://mdbootstrap.com/).
 - Get [MDB FREE](https://mdbootstrap.com/docs/jquery/getting-started/download/).

package.json

@@ -95,9 +95,14 @@
             {
                 "language": "html",
                 "path": "./snippets/html/components/panels.json"
-            },{
+            },
+            {
                 "language": "html",
                 "path": "./snippets/html/components/alerts.json"
+            },
+            {
+                "language": "html",
+                "path": "./snippets/html/modals/basic-examples.json"
             }
         ]
     }

snippets/html/modals/basic-examples.json

@@ -0,0 +1,34 @@
+{
+    "MDBootstrap Basic Modal": {
+        "prefix": "!mdb-modal",
+        "body": [
+            "<!-- Button trigger modal -->",
+            "<button type=\"button\" class=\"btn btn-primary\" data-toggle=\"modal\" data-target=\"#basicExampleModal\">",
+            "   Launch demo modal",
+            "</button>",
+            "",
+            "<!-- Modal -->",
+            "<div class=\"modal fade\" id=\"basicExampleModal\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"exampleModalLabel\" aria-hidden=\"true\">",
+            "   <div class=\"modal-dialog\" role=\"document\">",
+            "       <div class=\"modal-content\">",
+            "           <div class=\"modal-header\">",
+            "               <h5 class=\"modal-title\" id=\"exampleModalLabel\">Modal title</h5>",
+            "               <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">",
+            "                   <span aria-hidden=\"true\">&times;</span>",
+            "               </button>",
+            "           </div>",
+            "           <div class=\"modal-body\">",
+            "               ...",
+            "           </div>",
+            "           <div class=\"modal-footer\">",
+            "               <button type=\"button\" class=\"btn btn-secondary\" data-dismiss=\"modal\">Close</button>",
+            "               <button type=\"button\" class=\"btn btn-primary\">Save changes</button>",
+            "           </div>",
+            "       </div>",
+            "   </div>",
+            "</div>"
+        ],
+        "description": "Creates MDbootstrap Basic Modal"
+    }
+    
+}