This commit is contained in:
Jeremy Thomas 2017-04-02 17:37:22 +01:00
parent 25baedb8f3
commit 391d373d30
2 changed files with 37 additions and 0 deletions

View File

@ -17,6 +17,7 @@
* Fix #581 nav container
* Fix #512 nav grouped buttons
* Fix #605 container example
* Fix #458 select expanded
## 0.4.0

View File

@ -646,6 +646,42 @@ doc-subtab: form
{% highlight html %}
{{addons_expanded_example}}
{% endhighlight %}
<div class="content">
<p>If you want a full width select dropdown, pair <code>control is-expanded</code> with <code>select is-fullwidth</code>.</p>
</div>
{% capture addons_expanded_fullwidth_example %}
<div class="field has-addons">
<p class="control is-expanded">
<span class="select is-fullwidth">
<select name="country">
<option value="Argentina">Argentina</option>
<option value="Bolivia">Bolivia</option>
<option value="Brazil">Brazil</option>
<option value="Chile">Chile</option>
<option value="Colombia">Colombia</option>
<option value="Ecuador">Ecuador</option>
<option value="Guyana">Guyana</option>
<option value="Paraguay">Paraguay</option>
<option value="Peru">Peru</option>
<option value="Suriname">Suriname</option>
<option value="Uruguay">Uruguay</option>
<option value="Venezuela">Venezuela</option>
</select>
</span>
</p>
<p class="control">
<button type="submit" class="button is-primary">Choose</button>
</p>
</div>
{% endcapture %}
<div class="example">
{{addons_expanded_fullwidth_example}}
</div>
{% highlight html %}
{{addons_expanded_fullwidth_example}}
{% endhighlight %}
<div class="content">
<p>Use the <code>has-addons-centered</code> or the <code>has-addons-right</code> modifers to alter the <strong>alignment</strong>.</p>
</div>