Dropdown is toggleable, contextual overlay for displaying lists of links and more. It is made interactive with the included Bootstrap dropdown JavaScript plugin.

Propeller Dropdown consists of Bootstrap HTML structure with Propeller customized classes based on material design standards.

Types - Based on the type of content, Propeller Dropdown can be categorized into three types: with header, with divider, and with disabled links.

Dropdown can start from different directions such as from bottom left, bottom right, top left, top right. Add .dropdown-menu-right to make the dropdown open from bottom-right, .pmd-dropdown-menu-top-left to make the dropdown open from top-left and .pmd-dropdown-menu-top-right to make the dropdown open from top-right.

In this case, we are showing the dropdown on the hover of a particular button. In order to open the dropdown on hover, add .pmd-dropdown-hover to the button.

The Propeller CSS classes apply various predefined visual enhancements to the dropdown. The table lists the available classes and their effects.

Call the jQuery plugin to initialize the dropdown while fetching the data dynamically.

All dropdown events are fired at the .dropdown-menu's parent element. All dropdown events have a relatedTarget property, whose value is the toggling anchor element. See here for more documentation on this.