#### Dropdowns

#### Single Button Dropdowns

Any single `.btn` can be turned into a dropdown toggle with some markup changes. Here’s how you can put them to work with either `<button>` elements:

Quick Actions

#### Menu Alignment

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

#### Custom Dropdown Arrow

Any single `.btn` can be turned into a dropdown toggle with some markup changes. Here’s how you can put them to work with either `<button>` elements:

#### Split Button Dropdowns

Similarly, create split button dropdowns with virtually the same markup as single button dropdowns, but with the addition of `.dropdown-toggle-split` for proper spacing around the dropdown caret.

#### Variant

The best part is you can do this with any button variant, too:

#### Sizing

Button dropdowns work with buttons of all sizes, including default and split dropdown buttons.

#### Dropup Variation

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

#### Dropstart Variation

Trigger dropdown menus to the left of the elements by adding `.dropstart` to the parent element.

#### Dropend Variation

Trigger dropdown menus to the right of the elements by adding `.dropend` to the parent element.

#### Active Item

Add `.active` to item in the dropdown to style them as active .

#### Disabled Item

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

#### Headers

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

#### Dark Dropdowns

Opt into darker dropdowns to match a dark navbar or custom style by adding `.dropdown-menu-dark` onto an existing `.dropdown-menu` . No changes are required to the dropdown items.

#### Centered Dropdowns

Make the dropdown menu centered below the toggle with `.dropdown-center` on the parent element.

#### Dropdown Options

Use `data-bs-offset` or `data-bs-reference` to change the location of the dropdown.

#### Auto Close Behavior

By default, the dropdown menu is closed when clicking inside or outside the dropdown menu. You can use the `autoClose` option to change this behavior of the dropdown.

#### Text

Place any freeform text within a dropdown menu with text and use spacing utilities. Note that you’ll likely need additional sizing styles to constrain the menu width.

#### Forms

Put a form within a dropdown menu, or make it into a dropdown menu, and use margin or padding utilities to give it the negative space you require.

##### Admin Customizer

Easily configure layout, styles, and preferences for your admin interface.

##### Select Theme

##### Default

##### Minimal

##### Modern

##### Material

##### SaaS

##### Flat

##### Galaxy

##### Retro

##### Neon

##### Pixel

##### Color Scheme

##### Light

##### Dark

##### System

##### Topbar Color

##### Light

##### Dark

##### Gray

##### Gradient

##### Sidenav Color

##### Light

##### Dark

##### Gray

##### Gradient

##### Image

##### Sidebar Size

##### Default

##### Compact

##### Condensed

##### On Hover

##### On Hover - Show

##### Offcanvas

##### Layout Width

##### Fluid

##### Boxed

##### Layout Direction

##### LTR

##### RTL

##### Layout Position

Fixed
Scrollable

##### Sidebar User Info