Default Button

Html

Disabled buttons

Html

Square buttons

Html

Rounded buttons

Html

Btn Outline buttons

Html

Btn Outline Disabled buttons

Html

Button with icon

Html

Button with Svg icon

Html

Button with icon-loader

Html

Button size

Html

Social buttons

Html

Color variations

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.

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

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

Html

Group Buttons

Html