@@include("partials/head.html")
@@include("partials/sidebar.html", { "page": "dashboard", })
@@include("partials/breadcrumb.html", {"title": "Dropdowns", "subtitle": 'Home'})

#### Button with Dropdown

#### Split button dropdowns

#### Light Button with Dropdown

#### Light Split with Dropdown

#### Large button dropdowns

Use a `.btn-lg` classes to create instant button

#### Small button dropdowns

Use a `.btn-sm` classes to create instant button

#### Large Dark Dropdown

Use `dropdown-menu-dark` for dark dropdown buttons.

#### Small Dark Dropdown

Use `dropdown-menu-dark` for dark dropdown buttons.

#### Animated Dropdowns

Give class to the button `animated flipInX, flipInY, lightSpeedIn, slideInUp` use any animations class

#### Light Animated Dropdowns

Give class to the button `animated flipInX, flipInY, lightSpeedIn, slideInUp` use any animations class

#### Animated Dropdowns with icon

Give class to the button `animated flipInX, flipInY, lightSpeedIn, slideInUp` use any animations class

#### Light Animated Button Dropdowns with icon

Give class to the button `animated flipInX, flipInY, lightSpeedIn, slideInUp` use any animations class

#### Direction of the Dropdown

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

##### Dropdown Right Side

##### Dropdown Up Side

##### Dropdown Left Side

#### Menu Alignment

Add `.dropdown-menu-end` to a `.dropdown-menu` to right align the dropdown menu.

#### Responsive Alignment

#### Different Menu Content

#### Dropdown Options

@@include("partials/customizer.html")
@@include("partials/header-components/dd-searchbar.html")
@@include("partials/scripts.html")