Added Embed

README.md

@@ -107,6 +107,8 @@ This has a reason, if you add more snippets, will be a mess searching components
 | `ui-dropdown-selection-search` | A selection dropdown can allow a user to search through a large list of choices. |
 | `ui-dropdown-selection-clearable` | A clearable selection dropdown can allow a user to cancel to cancel a previous selection |
 | `ui-dropdown-selection-loading` | A dropdown can show that it is currently loading data |
+| **Embed** | |
+| `ui-embed` | Creates a container |
 | **Emoji** | |
 | `ui-emoji` | You can provide the emoji shortname with or without colons |
 | `ui-emoji` | A flag can use the two digit country code, the full name, or a common alias |
@@ -306,5 +308,7 @@ This has a reason, if you add more snippets, will be a mess searching components
 | `ui-dimmer` | A simple dimmer displays no content |
 | **Dropdown** | |
 | `ui-dropdown` | Initializes dropdown with jQuery |
+| **Embed** | |
+| `ui-embed` | Creates a container |
 
 **Enjoy!**

package.json

@@ -11,7 +11,7 @@
     "repository": {
         "url": "https://github.com/fomantic/Fomantic-UI-vscode-snippets/"
     },
-    "version": "0.36.2",
+    "version": "0.37.0",
     "scripts": {
         "start": "node ."
     },

snippets/fomantic-css.code-snippets

@@ -818,6 +818,20 @@
       "</div>"
     ]
   },
+  "Fomantic-UI Default Embed": {
+    "prefix": "ui-embed",
+    "description": "An embed can display any web content",
+    "body": [
+      "<div class=\"ui embed\">$0</div>"
+    ]
+  },
+  "Fomantic-UI Simple Embed": {
+    "prefix": "ui-embed-simple",
+    "description": "An embed can display any web content with no JavaScript",
+    "body": [
+      "<div class=\"ui embed\" data-source=\"${1:youtube}\" data-id=\"${2:O6Xo21L0ybE}\" data-placeholder=\"${3:/images/image-16by9.png}\">$0</div>"
+    ]
+  },
   "Fomantic-UI Default Emoji CSS": {
     "prefix": "ui-emoji",
     "description": "You can provide the emoji shortname with or without colons",

snippets/fomantic-js.code-snippets

@@ -33,5 +33,12 @@
     "body": [
       "$('${1:.ui.dropdown}').dropdown($2);"
     ]
+  },
+  "Fomantic-UI Default eMBED": {
+    "prefix": "ui-embed",
+    "description": "Creates a container",
+    "body": [
+      "$('${1:.ui.embed}').embed($0);"
+    ]
   }
 }

src/components/embed-css.code-snippets

@@ -0,0 +1,16 @@
+{
+    "Fomantic-UI Default Embed": {
+        "prefix": "ui-embed",
+        "description": "An embed can display any web content",
+        "body": [
+            "<div class=\"ui embed\">$0</div>"
+        ]
+    },
+    "Fomantic-UI Simple Embed": {
+        "prefix": "ui-embed-simple",
+        "description": "An embed can display any web content with no JavaScript",
+        "body": [
+            "<div class=\"ui embed\" data-source=\"${1:youtube}\" data-id=\"${2:O6Xo21L0ybE}\" data-placeholder=\"${3:/images/image-16by9.png}\">$0</div>"
+        ]
+    }
+}

src/components/embed-js.code-snippets

@@ -0,0 +1,9 @@
+{
+    "Fomantic-UI Default eMBED": {
+        "prefix": "ui-embed",
+        "description": "Creates a container",
+        "body": [
+            "$('${1:.ui.embed}').embed($0);"
+        ]
+    }
+}