From 7f7b9dd779122345847d9c4c1ecbfe362ddf923f Mon Sep 17 00:00:00 2001
From: Thomas Park <thomas@thomaspark.me>
Date: Sun, 13 Apr 2014 15:57:44 -0400
Subject: add form-control-feedback to test page

---
 tests/components.html | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

(limited to 'tests')

diff --git a/tests/components.html b/tests/components.html
index 69392348..9e47d246 100644
--- a/tests/components.html
+++ b/tests/components.html
@@ -809,6 +809,30 @@
           </div>
         </form>
 
+        <div class="bs-callout bs-callout-warning">
+            <h4>Icons, labels, and input groups</h4>
+            <p>Manual positioning of feedback icons is required for inputs without a label and for <a href="../components#input-groups">input groups</a> with an add-on on the right. For inputs without labels, adjust the <code>top</code>value. For input groups, adjust the <code>right</code> value to an appropriate pixel value depending on the width of your addon.</p>
+          </div>
+
+        <div class="bs-example">
+            <form role="form">
+              <div class="form-group has-success has-feedback">
+                <label class="control-label" for="inputSuccess2">Input with success</label>
+                <input type="text" class="form-control" id="inputSuccess2">
+                <span class="glyphicon glyphicon-ok form-control-feedback"></span>
+              </div>
+              <div class="form-group has-warning has-feedback">
+                <label class="control-label" for="inputWarning2">Input with warning</label>
+                <input type="text" class="form-control" id="inputWarning2">
+                <span class="glyphicon glyphicon-warning-sign form-control-feedback"></span>
+              </div>
+              <div class="form-group has-error has-feedback">
+                <label class="control-label" for="inputError2">Input with error</label>
+                <input type="text" class="form-control" id="inputError2">
+                <span class="glyphicon glyphicon-remove form-control-feedback"></span>
+              </div>
+            </form>
+          </div>
 
         <h2 id="forms-control-sizes">Control sizing</h2>
         <p>Set heights using classes like <code>.input-lg</code>, and set widths using grid column classes like <code>.col-lg-*</code>.</p>
-- 
cgit v1.2.3