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>