# Buttons buttons, button dropdowns and more

Buttons tasks summary...
Actions

#### Default Bootstrap Buttons(Customized to Match Theme Style)

#### Metronic Custom Buttons

#### Metronic Outline Buttons

#### More Button Colors(go to ui_colors.html for more colors)

#### Button Stripe

Red Blue Green Yellow Purple Green Dark

#### Disabled

Default Red Blue Green Yellow Purple Dark

#### Button Sizes

#### Button Tags

Link

#### Block Buttons

Link
Iconic

#### Large Buttons

Default Red Blue Green Yellow Purple Green Dark

#### Default Buttons

Default Red Blue Green Yellow Purple Green Dark

#### Small Buttons

Default Red Blue Green Yellow Purple Green Dark

#### Extra Small

Default Red Blue Green Yellow Purple Green Dark

#### Icon Only Buttons

#### Large Buttons

Default Red Blue Green Yellow Purple Green Dark

#### Default Buttons

Default Red Blue Green Yellow Purple Green Dark

#### Small Buttons

Default Red Blue Green Yellow Purple Green Dark

#### Extra Small Buttons

Default Red Blue Green Yellow Purple Green Dark

#### Icon Only Buttons

#### Large Buttons

Default Red Blue Green Yellow Purple Green Dark

#### Default Buttons

Default Red Blue Green Yellow Purple Green Dark

#### Small Buttons

Default Red Blue Green Yellow Purple Green Dark

#### Extra Small Buttons

Default Red Blue Green Yellow Purple Green Dark

#### Icon Only Buttons

#### Navigation Large Icons Buttons

Submit Submit Submit Submit

#### Navigation Large Icons Only Buttons

#### Navigation Block Large Icons

Link

#### Navigation Defualt Icons Buttons

Submit Submit Submit Submit

#### Navigation Defualt Icons Only Buttons

#### Navigation Block Defualt Icons

Link
Font Awesome Styled Buttons
Users
2
Products
4
Reports
Categories
Calendar
4
Inbox
12
Notification
3
Locations
Finance
Projects
21
Feedback
2
Servers
2
Regions
Popularity
221
List Social Icons(UL)

Inline Social Icons
Social Icons(Colored)

Inline Social Icons(Colored)
Button Groups

#### Basic Example

#### Button Toolbar

#### Button Group Sizing

#### Nesting Button Group

#### Vertical variation

#### Justified Link Variation

Left Middle Right
Left Middle Right
Dropdowns

#### Dropdown buttons

Tools

#### Dropdown button with icons

User
Settings

#### Dropup menu options.

NOTE: By adding `bottom-up` class you make dropup menu.

#### Hoverable Dropdown Buttons

Tools

#### Hoverable Dropdown Buttons with Icons

User
Settings

#### Hoverable Dropdown Buttons Dropdown with Checkboxes.

Options #1
Options #2

NOTE: By adding `hold-on-click` class you can avoid closing the dropdown on click

#### Hoverable Dropup Buttons.

NOTE: By adding `bottom-up` class you make dropup menu.

Button Dropdowns

#### Default Bootstrap Style

#### Metronic Style

#### Dropdowns with Multilevel Submenu

#### Sizing

#### Dropup

#### Hoveralbe Dropdowns

#### Dropdown with Checkboxes & Search Form

NOTE: By adding `hold-on-click` class you can avoid closing the dropdown on click

#### Dropdown with Radio Buttons

NOTE: By adding `hold-on-click` class you can avoid closing the dropdown on click
Button States

#### Loading State

#### Single Toggle

#### Checkbox

Option 1 Option 2 Option 3
Option 1 Option 2 Option 3

#### Radio

Option 1 Option 2 Option 3
Option 1 Option 2 Option 3
Buttons tasks summary...
Actions

#### Default Bootstrap Buttons(Customized to Match Theme Style)

#### Metronic Custom Buttons

#### Metronic Outline Buttons

#### More Button Colors(go to ui_colors.html for more colors)

#### Button Stripe

Red Blue Green Yellow Purple Green Dark

#### Disabled

Default Red Blue Green Yellow Purple Dark

#### Button Sizes

#### Button Tags

Link

#### Block Buttons

Link
Iconic

#### Large Buttons

Default Red Blue Green Yellow Purple Green Dark

#### Default Buttons

Default Red Blue Green Yellow Purple Green Dark

#### Small Buttons

Default Red Blue Green Yellow Purple Green Dark

#### Extra Small

Default Red Blue Green Yellow Purple Green Dark

#### Icon Only Buttons

#### Large Buttons

Default Red Blue Green Yellow Purple Green Dark

#### Default Buttons

Default Red Blue Green Yellow Purple Green Dark

#### Small Buttons

Default Red Blue Green Yellow Purple Green Dark

#### Extra Small Buttons

Default Red Blue Green Yellow Purple Green Dark

#### Icon Only Buttons

#### Large Buttons

Default Red Blue Green Yellow Purple Green Dark

#### Default Buttons

Default Red Blue Green Yellow Purple Green Dark

#### Small Buttons

Default Red Blue Green Yellow Purple Green Dark

#### Extra Small Buttons

Default Red Blue Green Yellow Purple Green Dark

#### Icon Only Buttons

#### Navigation Large Icons Buttons

Submit Submit Submit Submit

#### Navigation Large Icons Only Buttons

#### Navigation Block Large Icons

Link

#### Navigation Defualt Icons Buttons

Submit Submit Submit Submit

#### Navigation Defualt Icons Only Buttons

#### Navigation Block Defualt Icons

Link
Font Awesome Styled Buttons
Users
2
Products
4
Reports
Categories
Calendar
4
Inbox
12
Notification
3
Locations
Finance
Projects
21
Feedback
2
Servers
2
Regions
Popularity
221
List Social Icons(UL)

Inline Social Icons
Social Icons(Colored)

Inline Social Icons(Colored)
Button Groups

#### Basic Example

#### Button Toolbar

#### Button Group Sizing

#### Nesting Button Group

#### Vertical variation

#### Justified Link Variation

Left Middle Right
Left Middle Right
Dropdowns

#### Dropdown buttons

Tools

#### Dropdown button with icons

User
Settings

#### Dropup menu options.

NOTE: By adding `bottom-up` class you make dropup menu.

#### Hoverable Dropdown Buttons

Tools

#### Hoverable Dropdown Buttons with Icons

User
Settings

#### Hoverable Dropdown Buttons Dropdown with Checkboxes.

Options #1
Options #2

NOTE: By adding `hold-on-click` class you can avoid closing the dropdown on click

#### Hoverable Dropup Buttons.

NOTE: By adding `bottom-up` class you make dropup menu.

Button Dropdowns

#### Default Bootstrap Style

#### Metronic Style

#### Dropdowns with Multilevel Submenu

#### Sizing

#### Dropup

#### Hoveralbe Dropdowns

#### Dropdown with Checkboxes & Search Form

NOTE: By adding `hold-on-click` class you can avoid closing the dropdown on click

#### Dropdown with Radio Buttons

NOTE: By adding `hold-on-click` class you can avoid closing the dropdown on click
Button States

#### Loading State

#### Single Toggle

#### Checkbox

Option 1 Option 2 Option 3
Option 1 Option 2 Option 3

#### Radio

Option 1 Option 2 Option 3
Option 1 Option 2 Option 3