Button with icon

Button with icon-loader

Button size

Social buttons

Social buttons

Icon buttons

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.

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.

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.