Dropdowns

  1. Elements
  2. Dropdowns
Basic Dropdown

Below is the Basic Dropdown.

Action Another action Something else here
Action Another action Something else here
Action Another action Something else here
Action Another action Something else here
Dropdown with Rounded

Below is the Dropdown with Radius

Action Another action Something else here
Action Another action Something else here
Action Another action Something else here
Action Another action Something else here
Light Dropdowns

Below is the Light Dropdowns.

Action Another action Something else here
Action Another action Something else here
Action Another action Something else here
Action Another action Something else here
Light Dropdown with Rounded

Below is the Light Dropdowns with Radius.

Action Another action Something else here
Action Another action Something else here
Action Another action Something else here
Action Another action Something else here
Outline Dropdowns

Below is the Outline Dropdowns

Action Another action Something else here
Action Another action Something else here
Action Another action Something else here
Action Another action Something else here
Outline Dropdown with Rounded

Below is the Outline Dropdowns with Radius

Action Another action Something else here
Action Another action Something else here
Action Another action Something else here
Action Another action Something else here
Dropup

Trigger dropdown menus above elements by adding dropup class to the parent element.

Action Another action Something else here
Action Another action Something else here
Action Another action Something else here
Action Another action Something else here
Dropright & Dropleft

Trigger dropdown menus above elements by adding dropright & dropleft class to the parent element.

Action Another action Something else here
Action Another action Something else here
Active Menu Item

Add active class to items in the dropdown to style them as active.

Action Another action Something else here
Action Another action Something else here
Action Another action Something else here
Disabled Menu Item

Add disabled class to items in the dropdown to style them as disabled.

Action Another action Something else here
Action Another action Something else here
Action Another action Something else here
Dropdown Header

Add a header to label sections of actions in any dropdown menu.

Dropdown header
Action Another action Something else here
Dropdown header
Action Another action Something else here
Dropdown header
Action Another action Something else here
Dropdown Divider

Separate groups of related menu items with a divider.

Dropdown header
Action Another action Something else here
Separated link
Dropdown header
Action Another action Something else here
Separated link
Dropdown header
Action Another action Something else here
Separated link
Icon Dropdowns

Below is the Dropdown with an Icon.

Action Another action Something else here
Action Another action Something else here
Action Another action Something else here
Action Another action Something else here
Rounded Light Dropdown with Icon

Below is the Icon Light Dropdown with Radius.

Action Another action Something else here
Action Another action Something else here
Action Another action Something else here
Action Another action Something else here