### Dropdowns

Dropdowns are made interactive with the included Bootstrap dropdown JavaScript plugin.Historically dropdown menu contents had to be links, but that’s no longer the case with v4. Now you can optionally use &lt;button&gt; elements in your dropdowns instead of just &lt;a&gt;

#### Basic Dropdown

#### Dropdown with divider

#### With Disabled Menu

#### With active state

#### Dropdown with Headers

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

#### Basic Header

#### Header with divider

#### With Highlighted Menu

#### With Header Icons

#### Dropdown Options

#### Dropdown Buttons with Arrow

Use `.arrow` class to `.dropdown-menu` to add arrow. `.arrow-right` & `.arrow-left` classes to `.dropdown-menu` in submenu will give you arrow on right & left accrodingly.

#### Dropdown Active states

Dropdown Buttons with `.active` class and theme color buttons.

#### Dropdowns Sizes

#### Extra Large Size

Use `.dropdown-menu-xl` class to set extra large size dropdown.

#### Large Size

Use `.dropdown-menu-lg` class to set large size dropdown.

#### Small Size

Use `.dropdown-menu-sm` class to set small size dropdown.

#### Dropdowns with components

#### Left Icons

#### Right Icons

#### Icons on both sides

#### With Checkbox

#### With Radios

#### With Switchery

#### With Labels

#### With Badge Pills

#### Labels & Label pills