Use our custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.
Button Size
<button class="btn btn-primary btn-sm">Small</button>
<button class="btn btn-primary btn">Normal</button>
<button class="btn btn-primary btn-lg">Large</button>
Button States
<button class="btn btn-primary">Normal</button>
<button class="btn btn-primary hover">Hover</button>
<button class="btn btn-primary active">Active</button>
<button class="btn btn-primary visited">Vistied</button>
<button class="btn btn-primary disabled" disabled="">Disabled</button>
Button Outline
<button class="btn btn-outline">Normal</button>
<button class="btn btn-outline hover">Hover</button>
<button class="btn btn-outline active">Active</button>
<button class="btn btn-outline visited">Vistied</button>
<button class="btn btn-outline disabled" disabled="">Disabled</button>