Button with icon

Button with Svg icon

Button with icon-loader

Button size

Social buttons

Social buttons

Icon buttons

Svg 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.