Buttons
Gradient buttons
Add class .btn-gradient-{color} for gradient buttons
Rounded buttons
Add class .btn-rounded
Outlined buttons
Add class .btn-outline-{color} for outline buttons
Single color buttons
Add class .btn-{color} for buttons in theme colors
Inverse buttons
Add class .btn-inverse-{color} for inverse buttons
Normal buttons
Use any of the available button classes to quickly create a styled button.
Icon Buttons
Add class .btn-icon for buttons with only icons
Button Size
Use class .btn-{size}
Block buttons
Add class . d-grid gap-2
Button groups
Wrap a series of buttons with .btn in .btn-group
Button with text and icon
Wrap icon and text inside .btn-icon-text and use .btn-icon-prepend or .btn-icon-append for icon tags
Social Icon Buttons
Add class .btn-social-icon
Social button with text
Add class .btn-social-icon-text