Normal buttons

Use any of the available button classes to quickly create a styled button.

Fab Buttons

Use class="btn-icons" or class="btn-icons btn-rounded" for fab styled buttons

Outlined buttons

Use class="btn-outline-*" for outlined style

Rounded Outlines

Use class="btn-outline-* btn-rounded" for rounded outlined style

Inverse buttons

Use class="btn-inverse-*" for inverse styling

Button Sizes

Use class "btn-lg", "btn-sm" for different sizing

Rounded filled Buttons

Use class .btn-rounded for rounded buttons

Rounded Outlined

Use class .btn-rounded for rounded style

Inverse Rounded buttons

Use any of the available button classes to quickly create a styled button.

Button Block

Use class .btn-block for full width buttons

Grouped buttons

These are the different buttons group component

Icons Buttons

Use any of the available button classes to quickly create a styled button.

Social Buttons

use class .social-btn for social button

Rounded Social Buttons

use class ".social-btn", ".btn-rounded" for social button