Dashtic - Bootstrap Webapp Responsive Dashboard Simple Admin Panel Premium HTML5 Template

Default Button

Light Primary Secondary Success Info Warning Danger

Html

Disabled buttons

Light Primary Secondary Success Info Warning Danger

Html

Square buttons

Light Primary Secondary Success Info Warning Danger

Html

Rounded buttons

Light Primary Secondary Success Info Warning Danger

Html

Btn Outline buttons

Light Primary Secondary Success Info Warning Danger

Html

Btn Outline Disabled buttons

Light Primary Secondary Success Info Warning Danger

Html

Button with icon

Html

Button with Svg icon

Html

Button with icon-loader

Html

Button size

Html

Social buttons

Html

Color variations

Blue Azure Indigo Purple Pink Red Orange Yellow Lime Green Teal Cyan Gray Dark gray

Html

Social buttons

Html

Icon buttons

Html

Svg Icon Buttons

Html

Button dropdown

Wrap the dropdown’s toggle using different colors and icons implemented in different dropdowns styles (your button or link) and the dropdown menu within .dropdown, or another element that declares position: relative;. Dropdowns can be triggered from <a> or <button> elements to better fit your potential needs.

Html

Loading button

Add .btn-loading to use a loading state on a button. The width of the button depends on the length of the text inside Since the loading spinner is implemented using the element.

Html

List of buttons

You can now create a list of buttons with the .btn-list container.

Save changes Save and continue Cancel

Use the .text-center modifiers to alter the alignment.

Save changes Save and continue Cancel

Use the .text-end modifiers to alter the alignment.

Save changes Save and continue Cancel

Html

Group Buttons

Html