Getting Started
Layout
Components
Design
Dropdown
Use our advanced toggle container for showing lists of links, up, down and enter keys are available.
<div class="null-dropdown-container null-position-relative null-display-inline-block">
<button class="null-dropdown-button null-padding-10 null-cursor-pointer null-position-relative">
<span>Select Website</span>
<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
</button><!--End null-dropdown-button-->
<div class='null-dropdown'>
<ul class="null-dropdown-menu">
<li class="null-padding-10">
<a class="null-display-block" href="https://www.google.com/" aria-label="Google">Google</a>
</li><!-- End null-padding-10 -->
<li class="null-padding-10">
<a class="null-display-block" href="https://www.facebook.com/" aria-label="Facebook">Facebook</a>
</li><!-- End null-padding-10 -->
<li class="null-padding-10">
<a class="null-display-block" href="https://www.yahoo.com/" aria-label="Yahoo">Yahoo</a>
</li><!-- End null-padding-10 -->
</ul> <!--End null-dropdown-menu-->
</div> <!--End null-dropdown-->
</div><!--End null-dropdown-container-->