Single color buttons

Add class .btn-{color} for buttons in theme colors

Inverse buttons

Add class .btn-inverse-{color} for inverse buttons

Rounded buttons

Add class .btn-rounded

Outlined buttons

Add class .btn-outline-{color} for outline 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