Added input fields with icons.

CHANGELOG.md

@@ -1,6 +1,9 @@
 # Change Log
 All notable changes to the "semantic-ui-snippets" extension will be documented in this file.
 
+## [2.1.4]
+- Added input fields with icons.
+
 ## [2.1.3]
 - Added social buttons.
 

README.md

@@ -49,13 +49,18 @@ ext install Licio.semantic-ui-snippets
 |`mult-countries` | multiple select of countries include several choices with one form field|
 |`billing` | `form` with class `ui form` to show billing info|
 |`grouped-radio` | `form` with class `ui form` to display radio buttons|
+| **Input** | |
+|`search-icon` | `div` with `input` and search icon|
+|`users-icon` | `div` with `input` and users icon|
+|`checkout-box` | `div` with `input` and cart icon|
+|`copy-icon` | `div` with `input` and copy icon|
 
 ## Release Notes
 
 Starter template for Semantic-UI snippets.
 
-### 2.1.3
-Added social buttons.
+### 2.1.4
+Added input fields with icons.
 
 
 

package.json

@@ -2,7 +2,7 @@
     "name": "semantic-ui-snippets",
     "displayName": "semantic-ui snippets",
     "description": "Semantic-UI snippet generator",
-    "version": "2.1.3",
+    "version": "2.1.4",
     "publisher": "Licio",
     "repository": {
         "type": "git",

snippets/snippets.json

@@ -332,6 +332,52 @@
         ],
         "description":"ui icon button"
     },
+    "search icon": {
+      "prefix":"search-icon",
+      "body":[
+       " <div class=\"ui icon input\">",
+ " <input type=\"text\" placeholder=\"Search...\">",
+  "<i class=\"search icon\"></i>",
+"</div>"
+      ],
+      "description": "search icon"
+    },
+    "users icon":{
+      "prefix":"users-icon",
+      "body":[
+        "<div class=\"ui left icon input\">",
+  "<input type=\"text\" placeholder=\"Search users...\">",
+  "<i class=\"users icon\"></i>",
+"</div>"
+      ],
+      "description":"search users icon"
+    },
+    "checkout":{
+      "prefix":"checkout-box",
+      "body":[
+        "<div class=\"ui left action input\">",
+ " <button class=\"ui teal labeled icon button\">",
+    "<i class=\"cart icon\"></i>",
+   " Checkout",
+  "</button>",
+ " <input type=\"text\" value=\"\">",
+"</div>"
+      ],
+      "description":"checkout box with cart icon"
+    },
+    "copy icon":{
+      "prefix":"copy-icon",
+      "body":[
+        "<div class=\"ui action input\">",
+  "<input type=\"text\" value=\"\">",
+  "<button class=\"ui teal right labeled icon button\">",
+   " <i class=\"copy icon\"></i>",
+    "Copy",
+  "</button>",
+"</div>"
+      ],
+      "description":"copy textbox with copy icon"
+    },
     "multiple select countries":{
         "prefix":"mult-countries",
         "body":[