This commit is contained in:
Jeremy Thomas
2017-05-28 16:07:29 +01:00
parent c7d4f806de
commit eb3fd3bc66
5 changed files with 80 additions and 1 deletions

View File

@@ -232,6 +232,35 @@ doc-subtab: button
<div class="column">
{% highlight html %}
{{button_loading_example}}
{% endhighlight %}
</div>
</div>
<p id="static-button" style="margin-bottom: 0.5rem;">
<span class="tag is-success">New!</span>
<span class="tag is-info">0.4.2</span>
</p>
<h4 class="subtitle">
Static
</h4>
{% capture button_static_example %}
<span class="button is-static">Static</span>
{% endcapture %}
<div class="columns">
<div class="column">
<div class="content">
<p>
You can create a <strong>non-interactive button</strong> by using the <code>is-static</code> modifier. This is useful to align a text label with an input, for example when using <a href="{{site.url}}/documentation/elements/form#form-addons">form addons</a>.
</p>
</div>
{{button_static_example}}
</div>
<div class="column">
{% highlight html %}
{{button_static_example}}
{% endhighlight %}
</div>
</div>