CSS UI - Dropdown menu

Simple dropdown menu.

Installation

npm install --save css-ui-dropdown-menu

Demo

• https://css-ui.github.io/dropdown.menu/light
• https://css-ui.github.io/dropdown.menu/dark

Quick start

CSS dependencies.

<linkrel="stylesheet" href="path/to/normalize.css"><linkrel="stylesheet" href="path/to/font-awesome.css"><linkrel="stylesheet" href="path/to/open-sans.css"><linkrel="stylesheet" href="path/to/cssui.css">

CSS dropdown.

<linkrel="stylesheet" href="path/to/style.dropdown.css">

CSS light or dark theme. Choose one.

<linkrel="stylesheet" href="path/to/style.dropdown.light.css"><linkrel="stylesheet" href="path/to/style.dropdown.dark.css">

Use Open Sans fotns.

font-family:'Open Sans', sans-serif;

Dropdown menu html.

<divclass="dropdown"><!-- dropdown menu click --><divclass="clear"><aclass="employ-toggle click float right" href="#"><iclass="fa fa-ellipsis-v" aria-hidden="true"></i></a></div><!-- show/hide menu --><ulclass="expand-dropdown"><li><ahref="#" class="top">One</a></li><li><ahref="#">Two</a></li><li><ahref="#" class="bottom">Three</a></li></ul></div>

javascript libraries and plugins.

<scriptsrc="path/to/jquery.js"></script><scriptsrc="path/to/dropdown.menu.js"></script>

Enjoy dropdown menu.