### Dropdowns

#### 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

#### Theme Customizer

Customize & Preview in Real Time

##### Menu Color Options

##### Layout Options

Collapsed Menu
Fixed Layout
Boxed Layout
Static Layout
Native Scroll
Right Side Icons
Bordered Navigation
Flipped Navigation
Collapsible Navigation
Static Navigation
Brand Center
Static Top

##### Navigation Color Options

###### Solid

Default
Primary
Danger
Success
Blue
Cyan
Pink

###### Gradient

Default
Primary
Danger
Success
Blue
Cyan
Pink
Default
Primary
Danger
Success
Blue
Cyan
Pink

### Solid

Default
Primary
Danger
Success
Blue
Cyan
Pink

### Gradient

Default
Primary
Danger
Success
Blue
Cyan
Pink
Default
Primary
Danger
Success
Blue
Cyan
Pink
Buy Now