Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-15 02:04:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

Fix form controls docs

Browse Source
This commit is contained in:
Jeremy Thomas
2019-10-14 02:00:52 +01:00
parent 7b35fd0e07
commit 9a28ea1787
3 changed files with 37 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
docs/documentation/form/general.html
View File

@@ -843,30 +843,6 @@ variables_keys:
{% include elements/snippet.html content=example more=true %}
{% include elements/anchor.html name="Form control" %}
<div class="content">
<p>
The <code>control</code> element is a wrapper for form controls. It gives the possibility to:
</p>
<ul>
<li>
resize form controls
</li>
<li>
combine form controls into a group
</li>
<li>
combine form controls into a list
</li>
<li>
append and prepend icons to a form control
</li>
</ul>
</div>
{% include elements/snippet.html content=control_example %}
<div class="content">
<p>
For the best results using Bulma, it's recommended to use the <code>control</code> element as often as possible.
@@ -895,13 +871,33 @@ variables_keys:
{% include elements/anchor.html name="Form control" %}
<div class="content">
<p>The <code>control</code> is a versatile container meant to <strong>enhance single form controls</strong>. Because it has the same height as a control elements, it can <strong class="has-text-danger">only contain</strong> the following elements:</p>
<p>
The Bulma <code>control</code> is a versatile <strong>block</strong> container meant to <strong>enhance single form controls</strong>. Because it has the same height as the element that it wraps, it can <strong class="has-text-danger">only contain</strong> the following Bulma elements:
</p>
<ul>
<li><code>input</code></li>
<li><code>select</code></li>
<li><code>button</code></li>
<li><code>icon</code></li>
</ul>
<p>
This container gives the ability to:
</p>
<ul>
<li>
keep the <strong>spacing</strong> consistent
</li>
<li>
combine form controls into a <strong>group</strong>
</li>
<li>
combine form controls into a <strong>list</strong>
</li>
<li>
append and prepend <strong>icons</strong> to a form control
</li>
</ul>
</div>
{% include elements/snippet.html content=control_input_example %}