Add a dropdown list to any button. Make sure that the data-activatesattribute 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'