Menu icon Foundation
Button group dropdowns

Is it possible to create dropdowns in a button group. The docs suggest it can be done (see, Content>Dropdowns) but I've not been able to get it to work. Any thoughts anyone?

Is it possible to create dropdowns in a button group. The docs suggest it can be done (see, Content>Dropdowns) but I've not been able to get it to work. Any thoughts anyone?

button groupdropdown

Is it possible to create dropdowns in a button group. The docs suggest it can be done (see, Content>Dropdowns) but I've not been able to get it to work. Any thoughts anyone?

Is it possible to create dropdowns in a button group. The docs suggest it can be done (see, Content>Dropdowns) but I've not been able to get it to work. Any thoughts anyone?

Caleb Winters over 5 years ago

Dropdowns can be used on any element! Check it out:

<ul class="button-group">
  <li><a href="#" class="button" data-dropdown="dd1">Button 1</a></li>
  <li><a href="#" class="button" data-dropdown="dd2">Button 2</a></li>
  <li><a href="#" class="button" data-dropdown="dd3">Button 3</a></li>
</ul>

<div id="dd1" class="f-dropdown">
  <!-- dropdown stuff here -->
</div>

<div id="dd2" class="f-dropdown">
  <!-- dropdown stuff here -->
</div>

<div id="dd3" class="f-dropdown">
  <!-- dropdown stuff here -->
</div>

Hope this helps!