Summary Files Commits Branches @commit @diff @stats
path: root / docs / elements.html
diff options
context:
space:
mode:
1 files changed, 7 insertions, 9 deletions
-rw-r--r--docs/elements.html16
diff --git a/docs/elements.html b/docs/elements.html
index baee6c8..9bcc209 100644
--- a/docs/elements.html
+++ b/docs/elements.html
@@ -694,8 +694,7 @@
</div>
<!-- buttons -->
-<pre class="code" data-lang="HTML"><code>
-<span class="com">&lt;!-- buttons with disabled state --&gt;</span>
+<pre class="code" data-lang="HTML"><code><span class="com">&lt;!-- buttons with disabled state --&gt;</span>
&lt;<span class="tag">button</span> <span class="atn">class</span>=<span class="atv">&quot;btn disabled&quot;</span> <span class="atn">tabindex</span>=<span class="atv">&quot;-1&quot;</span>&gt;disabled button&lt;<span class="tag">/button</span>&gt;
&lt;<span class="tag">button</span> <span class="atn">class</span>=<span class="atv">&quot;btn&quot;</span> <span class="atn">disabled</span> <span class="atn">tabindex</span>=<span class="atv">&quot;-1&quot;</span>&gt;disabled button&lt;<span class="tag">/button</span>&gt;
</code></pre>
@@ -713,8 +712,7 @@
</div>
<!-- buttons -->
-<pre class="code" data-lang="HTML"><code>
-<span class="com">&lt;!-- buttons with disabled state --&gt;</span>
+<pre class="code" data-lang="HTML"><code><span class="com">&lt;!-- buttons with disabled state --&gt;</span>
&lt;<span class="tag">button</span> <span class="atn">class</span>=<span class="atv">&quot;btn disabled&quot;</span> <span class="atn">tabindex</span>=<span class="atv">&quot;-1&quot;</span>&gt;disabled button&lt;<span class="tag">/button</span>&gt;
&lt;<span class="tag">button</span> <span class="atn">class</span>=<span class="atv">&quot;btn&quot;</span> <span class="atn">disabled</span> <span class="atn">tabindex</span>=<span class="atv">&quot;-1&quot;</span>&gt;disabled button&lt;<span class="tag">/button</span>&gt;
</code></pre>
@@ -1336,9 +1334,9 @@
<p>To use form validation styles, add <code>is-success</code> or <code>is-error</code> class to the controls or add <code>has-success</code> or <code>has-error</code> class to parent elements. You can use the <code>form-input-hint</code> class to provide form validation success and error messages.</p>
</div>
<div class="columns">
- <div class="column col-6 col-xs-12">
+ <div class="column col-9 col-sm-12">
<fieldset>
- <legend>form-input</legend>
+ <legend>Input</legend>
<div class="form-group">
<label class="form-label" for="input-example-17">Name</label>
<input class="form-input is-success" type="text" id="input-example-17" placeholder="Name">
@@ -1356,7 +1354,7 @@
</div>
</fieldset>
<fieldset>
- <legend>form-select</legend>
+ <legend>Select</legend>
<div class="form-group">
<select class="form-select is-error">
<option>Choose an option</option>
@@ -1377,7 +1375,7 @@
</div>
</fieldset>
<fieldset>
- <legend>form-checkbox, radio and switch (Error status only)</legend>
+ <legend>Checkbox, Radio and Switch (Error state only)</legend>
<div class="form-group">
<label class="form-checkbox is-error">
<input type="checkbox" checked>
@@ -1396,7 +1394,7 @@
</div>
<div class="form-group">
<label class="form-switch is-error">
- <input type="checkbox">
+ <input type="checkbox" checked>
<i class="form-icon"></i> Send me emails with news and tips
</label>
</div>