Dropdown

A dropdown is like a digital trapdoor, revealing a hidden world of options with a single click. It's the trusty sidekick of web pages, helping users navigate and make selections with ease. With a dropdown, you can pack a lot of options into a small space, without overwhelming your users.

Examples

HTML

<div class="dropdown">
    <button class="btn toggle" type="button" aria-expanded="false">
        Dropdown button
    </button>
    <ul class="menu">
        <li><a class="dropdown-item" href="#">Action</a></li>
        <li><a class="dropdown-item" href="#">Another action</a></li>
        <li><a class="dropdown-item" href="#">Something else here</a></li>
    </ul>
</div>