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
Inverse Rounded buttons
Use any of the available button classes to quickly create a styled button.
Rounded Outlined
Use class .btn-rounded
for rounded style
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.
Outline icons
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