Single color buttons
Add class
.btn-{color}
for buttons in theme
colors
Rounded buttons
Add class
.btn-rounded
Outlined buttons
Add class
.btn-outline-{color}
for outline buttons
Inverse buttons
Add class
.btn-inverse-{color}
for inverse
buttons
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