diff options
1 files changed, 16 insertions, 0 deletions
| -rw-r--r-- | docs/elements.html | 16 |
diff --git a/docs/elements.html b/docs/elements.html index 1c39427..18949e7 100644 --- a/docs/elements.html +++ b/docs/elements.html @@ -698,6 +698,22 @@ <<span class="tag">button</span> <span class="atn">class</span>=<span class="atv">"btn btn-link"</span>>link button<<span class="tag">/button</span>> </code></pre> + <h4 id="buttons-colors" class="s-subtitle">Button colors</h4> + <div class="columns"> + <div class="column col-12"> + <button class="btn btn-success">success button</button> + <button class="btn btn-error">error button</button> + </div> + </div> + <div class="docs-note"> + <p>Add the <code>btn-success</code> or <code>btn-error</code> class for success (green) or error (red) button color. If you need more button colors, please use <a href="getting-started.html#variables-buttons">button mixins</a> to create your own button color variants. </p> + </div> + +<!-- buttons --> +<pre class="code" data-lang="HTML"><code><<span class="tag">button</span> <span class="atn">class</span>=<span class="atv">"btn btn-success"</span>>success button<<span class="tag">/button</span>> +<<span class="tag">button</span> <span class="atn">class</span>=<span class="atv">"btn btn-error"</span>>error button<<span class="tag">/button</span>> +</code></pre> + <h4 id="buttons-sizes" class="s-subtitle">Button sizes</h4> <div class="columns"> <div class="column col-12"> |