Add a dropdown list to any button. Make sure that the data-activates attribute matches the id in the ul

Drop Me!

• one
• two
• three

<!-- Dropdown Trigger -->
<a class='dropdown-button btn' href='#' data-activates='dropdown2'>Drop Me!</a>
<!-- Dropdown Structure -->
<ul id='dropdown2' class='dropdown-content'>
    <li><a href="#!">one</a></li>
    <li><a href="#!">two</a></li>
    <li class="divider"></li>
    <li><a href="#!">three</a></li>
</ul>

Option Name	Description
induration	The duration of the transition enter in milliseconds. Default: 300
outduration	The duration of the transition out in milliseconds. Default: 225
constrainwidth	If true, constrainWidth to the size of the dropdown activator. Default: true
hover	If true, the dropdown will open on hover. Default: false
gutter	This defines the spacing from the aligned edge. Default: 0
beloworigin	If true, the dropdown will show below the activator. Default: false
alignment	Defines the edge the menu is aligned to. Default: 'left'