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