Dropdown

Use our advanced toggle container for showing lists of links, up, down and enter keys are available.

HTML |
<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-->