Basic Usage

Set the trigger button with dropdown-toggle to show/hide the dropdown menu specified by class dropdown-menu.

Other Variants

Dropdown menu is aligned to the left edge of the trigger button by default. It also can be set to align right by adding class dropdown-menu-right.


Add a prepend icon to dropwdown button with btn-icon class and icon component.


Add list header class to an li item to define section actions. h6 with with class dropdown-header, dropdown header should always be in LEAP secondary colour.


Dropdown divider dropdown-divider can be used to separate a long menu list into groups for better scanning.



Add .active to a <li> in the dropdown to show the current active state.


Add .disabled to a <li> in the dropdown to disable the link.

Search Results

0 result found.

Oops, nothing found.

How about trying other keyword?