Button

Use custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.

use .btn class to apply basic button styles

Link

Colors

Change color of buttons as per your use case with .btn-color_name (e.g., .btn-primary)

Outlined

With .btn class buttons are outlined by default

Apply 8 different colors to the outlined buttons using .btn-outline-color_name (e.g., .btn-outlined-danger)

Disabled

Make button disabled with .disabled class

Disabled Link

Sizing

Add .btn-sm or .btn-lg for additional sizes

Action

Icon only

use .shadow & .icon-rounded class to make it an action button

Icon with text

use shadow & rounded-full class to make it action button