admin/ui-buttons
Default Buttons

Use the button classes on an <a>, <button>, or <input> element.

Rounded Buttons

Add .rounded-pill to default button to get rounded corners.

Outline Buttons

Use a classes .btn-outline-** to quickly create a bordered buttons.

Rounded Outline Buttons

Use a classes .btn-outline-** to quickly create a bordered buttons.

Soft Buttons

Use a classes .btn-soft-** to quickly create a bordered buttons.

Soft Rounded Button

Use a classes .btn-soft-** to quickly create a bordered buttons.

Square Button

add .btn-square to change the style.

Square Outline Button

add .btn-square to change the style.

Sizes

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

Button Tags

Use a classes .btn-outline-** to quickly create a bordered buttons.

Link
Button Widths

Use a classes .btn-outline-** to quickly create a bordered buttons.

Button Disabled

Add the disabled attribute to <button> buttons.

Button Loader

Use a classes .btn-outline-** to quickly create a bordered buttons.

Icon Buttons

Use a classes .btn-icon to quickly create a bordered buttons.

Block buttons

Create block level buttons by adding class .d-grid to parent div.

Customize
Sidebar Size
Default
Small Hover View
Sidebar Color
Default
Gray
Color
Dark
Navbar Type