Buttons

Basic


<button>Basic</button>
<button class="btn primary">Primary</button>
<button class="btn secondary">Secondary</button>
<button class="btn warning">Warning</button>
<button class="btn danger">Danger</button>
<button class="btn success">Success</button>

Button with Outline


<button>Basic</button>
<button class="btn outline primary">Primary</button>
<button class="btn outline secondary">Secondary</button>
<button class="btn outline warning">Warning</button>
<button class="btn outline danger">Danger</button>
<button class="btn outline success">Success</button>

Button Sizes


<button>Basic</button>
<button class="btn small primary">Primary</button>
<button class="btn primary">Secondary</button>
<button class="btn large primary">Warning</button>
<button class="btn large primary">Danger</button>
<button class="btn block primary">Success</button>

Previous Next