5
Logo
Welcome to SmartHR
Img
Adrian Herman

System Admin

Logo
5
Welcome to SmartHR
Img
Adrian Herman

System Admin

Documentation Change Logv4.0.3

Buttons

Default Buttons

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

Rounded Buttons

Add rounded-full 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-outline-** to quickly create a bordered buttons.

Square Button

Add .rounded-none to change the style.

Soft Rounded Button

Add .rounded-none to change the style.

Sizes

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

Button Tags

Add input, submit, reset

Link
Button Widths

Use a classes .btn-w-** for width.

Button Disabled

Add disabled attribute to buttons.

Button Loader

Use icons to add loader

Icon Buttons

Add .btn-icon to quickly create a bordered buttons..

Block buttons

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

2014 - 2025 © SmartHR.

Designed & Developed By Dreams