Update package.json and select support for input-group

1 files changed, 24 insertions, 3 deletions

diff --git a/docs/elements.html b/docs/elements.html
index 488a120..1ccbbd3 100644
--- a/docs/elements.html
+++ b/docs/elements.html
@@ -830,7 +830,11 @@
             <div class="column col-xs-12">
               <div class="input-group">
                 <input type="text" class="form-input input-sm" placeholder="username" />
-                <span class="input-group-addon addon-sm">@slack.com</span>
+                <select class="form-select select-sm">
+                  <option>Slack</option>
+                  <option>Skype</option>
+                  <option>Hipchat</option>
+                </select>
               </div>
             </div>
             <div class="column col-xs-12">
@@ -845,7 +849,11 @@
             <div class="column col-xs-12">
               <div class="input-group">
                 <input type="text" class="form-input" placeholder="username" />
-                <span class="input-group-addon">@slack.com</span>
+                <select class="form-select">
+                  <option>Slack</option>
+                  <option>Skype</option>
+                  <option>Hipchat</option>
+                </select>
               </div>
             </div>
             <div class="column col-xs-12">
@@ -860,7 +868,11 @@
             <div class="column col-xs-12">
               <div class="input-group">
                 <input type="text" class="form-input input-lg" placeholder="username" />
-                <span class="input-group-addon addon-lg">@slack.com</span>
+                <select class="form-select select-lg">
+                  <option>Slack</option>
+                  <option>Skype</option>
+                  <option>Hipchat</option>
+                </select>
               </div>
             </div>
             <div class="column col-xs-12">
@@ -936,6 +948,15 @@
               </div>
             </div>
           </div>
+          <div class="columns">
+            <div class="column col-6 col-xs-12">
+              <div class="form-group">
+                <label class="form-label" for="input-example-21">Email</label>
+                <input class="form-input" type="text" id="input-example-21" placeholder="Email" pattern="[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-.]+$" />
+                <p class="form-input-hint">The name is invalid.</p>
+              </div>
+            </div>
+          </div>
 
 <!-- forms example -->
 <pre class="code" data-lang="HTML"><code>&lt;<span class="tag">form</span>&gt;