You can easily create dropdown using Stylet CSS. Stylet css helps you to create dropdown based on hover, when we hover through the tag carrying the attribute dropdown
, we see the drop down contents. Let's have a look at some examples.
<div class="dropdown">
<div class="border-solid border-blue pad-4 roundest-border">
A dropdown
<div>
<div class="dropdown-content">
<a href="javascript:void(0)">hello (1)</a>
<a href="javascript:void(0)">hello (2)</a>
<a href="javascript:void(0)">hello (3)</a>
<a href="javascript:void(0)">hello (4)</a>
</div>
</div>
Dropdowns can be used in Headers, menus and so on. They help you create a more neat UI and a responsive one.