Dropdown
New! This component was just added to Kelp. Enjoy!
Dropdown menus are positioned below a toggling button, and are hidden until the button is clicked, tapped, or activated.
In Kelp, dropdown menus are implemented using the <kelp-disclosure> component. You can find the full documentation there.
- Now you see me...
- Now you don't!
- With a link
<kelp-disclosure is-dropdown>
<button >Toggle Content</button>
<ul>
<li>Now you see me...</li>
<li>Now you don't!</li>
<li><a href="#">With a link</a></li>
<li><button>With a button</button></li>
</ul>
</kelp-disclosure>