Buttons
Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more. Please read the official Bootstrap documentation for a full list of options.
White Dashkit only
Creates a white variation of a button since Bootstrap's native "light" variant doesn't work well over light backgrounds.
<button class="btn btn-white"> Button white </button>
Rounded circle Dashkit only
Useful for single character or emoji buttons, you can turn any button into a circle using the .btn-rounded-circle modifier.
<button class="btn btn-sm btn-rounded-circle btn-white">+</button> <button class="btn btn-rounded-circle btn-white">+</button> <button class="btn btn-lg btn-rounded-circle btn-white">+</button>
Icon Dashkit only
A combination of the standard button component and a feather icon.
<button class="btn btn-white"> <span class="fe fe-bookmark"></span> </button> <button class="btn btn-primary"> <span class="fe fe-bookmark"></span> </button> <button class="btn btn-rounded-circle btn-white"> <span class="fe fe-star"></span> </button> <button class="btn btn-rounded-circle btn-primary"> <span class="fe fe-star"></span> </button>