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(+)
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