Dropdowns are contextual elements usually used for displaying lists of links. Dropdowns are toggled by hovering the parent element.
Dropdowns are created adding a dropdown class to a <div> element. To automatically display the dropdown when the user hovers the parent element, add a with-dropdown modifier to the parent element.
<div class="is-inlie-block with-dropdown"> <button class="button is-flex has-items-center has-pr-4"> Dropdown <i class="si-chevron-down has-size-2 has-ml-2"></i> </button> <div class="dropdown"> <a class="navlink">Action</a> <a class="navlink is-active has-bg-highlight">Another action</a> <a class="navlink">Something else</a> </div> </div>
Designed and maintained with by @jmjuanes.
Code is licensed under MIT, documentation under Creative Commons Attribution 4.0.