Summary Files Commits Branches @commit @diff @stats
path: root / docs / elements.html
diff options
context:
space:
mode:
Commitafb32d17458303623f050224cba14739b27355d3 (patch)
Author
 Yan Zhu <picturepan2@hotmail.com>
2017-08-15 18:40:08 +0800
Committer
 Yan Zhu <picturepan2@hotmail.com>
2017-08-15 18:40:08 +0800
Files510f5ca3b22b2518c6c00f76bcee6e97a43f2d24 /docs/elements.html
Spectre-Dark-Gruvbox-afb32d17458303623f050224cba14739b27355d3.tar
Spectre-Dark-Gruvbox-afb32d17458303623f050224cba14739b27355d3.tar.gz
Spectre-Dark-Gruvbox-afb32d17458303623f050224cba14739b27355d3.zip
Parent0150eb62f0e33a0c0ef9e75d9f55e71d79d5ba03 (diff)
Improve large Buttons and Forms
1 files changed, 3 insertions, 2 deletions
-rw-r--r--docs/elements.html5
diff --git a/docs/elements.html b/docs/elements.html
index 3994590..ba51922 100644
--- a/docs/elements.html
+++ b/docs/elements.html
@@ -959,6 +959,7 @@
<h4 class="s-subtitle">Form icons</h4>
<div class="docs-note">
+ <p>Spectre Form components has <a href="#icons">Spectre Icons</a> support.</p>
<p>Add a wrapper with the <code>has-icon-left</code>/<code>has-icon-right</code> class to &lt;input&gt; element. And add the icon with <code>form-icon</code> class next to the &lt;input&gt;.</p>
</div>
<div class="columns">
@@ -1210,7 +1211,7 @@
<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-xs-12">
<fieldset>
<legend>form-input</legend>
<div class="form-group">
@@ -1251,7 +1252,7 @@
</div>
</fieldset>
<fieldset>
- <legend>form-checkbox, radio and switch</legend>
+ <legend>form-checkbox, radio and switch (Error status only)</legend>
<div class="form-group">
<label class="form-checkbox is-error">
<input type="checkbox" checked />