Dropdown
Add a dropdown list to any button. Make sure that the data-activatesattribute matches the id in the ul
Drop Me!
<!-- 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' |