Documentation Page-button

Button

Buttons are used to register user's input on the click and then perform the necessary action. use .btn class.( you can choose between different styles of buttons. like btn .btn-primary btn .btn-warning btn .btn-danger ) within <button> element to create buttons.

<button class="btn btn">Default</button>
<button class="btn btn-primary">Primary</button>
<button class="btn btn-warning">Warning</button>
<button class="btn btn-danger">Danger</button>

Button link

Default primary warning Danger

<a class="btn-link">Default</a>

<a class="btn-link btn-link-primary">Primary</a>
<a class="btn-link btn-link-warning">Warning</a>
<a class="btn-link btn-link-danger">Danger</a>

Button Icon

<button class="btn">
<i class="btn-icon">email</i>
    Default
</button>

<button class="btn btn-primary">
    <i class="btn-icon">fingerprint</i>
    primary
</button>


<button class="btn btn-warning">
    <i class="btn-icon">flag</i>
    warning
</button>


<button class="btn btn-danger">
    <i class="btn-icon">flash_on</i>
    danger
</button>

Floating Action Button

<button class="btn-flt"><i class="icon-flt">add</i></button>