--- layout: default title: "Buttons Dropdown- Sleek Admin Dashboard Template" bodyClass: "header-fixed sidebar-fixed sidebar-dark header-light" parent: "ui-elements" sub_parent: "components" activePage: "button-dropdown" ---

# Button Dropdown

{% include breadcrumb.htm %}

## Buttons With Dropdown

Any single .btn can be turned into a dropdown toggle with some markup changes. more details.

## Square Buttons With Dropdown

For Square Buttons With Dropdown add class `.btn-square` .

## Outline buttons With Dropdown

For Square Buttons With Dropdown add class `.btn-outline-*`.

## Outline Square Buttons With Dropdown

For Outline Square Buttons With Dropdown add class `.btn-square btn-outline-*`.

## Split Buttons Dropdown

Similarly, create split button dropdowns. Read bootstrap documentaion for More Details

## Split Square Buttons Dropdown

For Split Square Buttons Dropdown add class `.btn-square .btn-primary-*` .

## Split Outline Buttons Dropdown

## Split Outline Square buttons Dropdown

## Large Buttons Dropdown

## Large Square Buttons Dropdown

## Large Outline Buttons Dropdown

## Large Outline Square Buttons Dropdown