Summary Files Commits Branches @commit @diff @stats
path: root / docs / src / elements / forms.pug
diff options
context:
space:
mode:
1 files changed, 12 insertions, 0 deletions
-rw-r--r--docs/src/elements/forms.pug12
diff --git a/docs/src/elements/forms.pug b/docs/src/elements/forms.pug
index 5532860..cf39916 100644
--- a/docs/src/elements/forms.pug
+++ b/docs/src/elements/forms.pug
@@ -13,6 +13,8 @@ block docs-content
p
| Forms provide the most common control styles used in forms, including input, textarea, select, checkbox, radio and switch.
+ +docs-subheading('forms-input', 'Form input')
+
.docs-demo.columns
.column.col-6.col-xs-12
.form-group
@@ -31,6 +33,8 @@ block docs-content
<input class="form-input" type="text" id="input-example-1" placeholder="Name">
</div>
+ +docs-subheading('forms-textarea', 'Form textarea')
+
.docs-demo.columns
.column.col-6.col-xs-12
.form-group
@@ -46,6 +50,8 @@ block docs-content
<textarea class="form-input" id="input-example-3" placeholder="Textarea" rows="3"></textarea>
</div>
+ +docs-subheading('forms-select', 'Form select')
+
.docs-demo.columns
.column.col-6.col-xs-12
.form-group
@@ -74,6 +80,8 @@ block docs-content
</select>
</div>
+ +docs-subheading('forms-radio', 'Form radio')
+
.docs-demo.columns
.column.col-6.col-xs-12
form
@@ -104,6 +112,8 @@ block docs-content
</label>
</div>
+ +docs-subheading('forms-switch', 'Form switch')
+
.docs-demo.columns
.column.col-6.col-xs-12
.form-group
@@ -128,6 +138,8 @@ block docs-content
</label>
</div>
+ +docs-subheading('forms-checkbox', 'Form checkbox')
+
.docs-demo.columns
.column.col-6.col-xs-12
.form-group