THEME COLOR
Theme Style
Layout
Header
Top Dropdown
Sidebar Mode
Sidebar Style
Sidebar Menu
Sidebar Position
Footer

Buttons buttons, button dropdowns and more

Buttons

Default Bootstrap Buttons(Customized to Match Theme Style)

Metronic Style 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
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
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

Radio

Buttons

Default Bootstrap Buttons(Customized to Match Theme Style)

Metronic Style 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
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

Devided Button Groups

Button Toolbar

Button Group Sizing

Nesting Button Group

Vertical variation

Justified Link Variation

Left Middle Right
Left Middle Right
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

Radio

2014 © Metronic by keenthemes.