Adrian Herman
System Admin
Welcome to SmartHR
Adrian Herman
System Admin
Welcome to SmartHR
Adrian Herman
System Admin
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.
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.