Buttons
Default Buttons
Use the button classes on an <a>, <button>,
or <input> element.
Button Outline
Use a classes .btn-outline-** to quickly create a bordered buttons.
Button-Rounded
Add .rounded-pill to default button to get rounded corners.
Button Outline Rounded
Use a classes .btn-outline-** to quickly create a bordered buttons.
Soft Buttons
Use a classes .btn-soft-** to quickly create a soft background color
buttons.
Soft Rounded Buttons
Use a classes .btn-soft-** .rounded-pill to quickly
create a soft background color buttons with rounded.
Gradient Buttons
Use the button classes on an <a>, <button>,
or <input> element.
Gradient Rounded Buttons
Use a classes .btn-outline-** to quickly create a bordered buttons.
Ghost Buttons
Use a classes .btn-ghost-** to quickly create a ghost background
color buttons.
Ghost Rounded Buttons
Use a classes .btn-ghost-** .rounded-pill to quickly
create a ghost background color buttons with rounded.
Button-Sizes
Add .btn-lg, .btn-sm for additional sizes.
Button-Disabled
Add the disabled attribute to <button> buttons.