- Main
- Dashboard
- Super Admin
- Applications
- Layouts
- Projects
- Administration
- Pages
- MAIN MENU
- LAYOUT
- PROJECTS
- CRM
- HRM
- RECRUITMENT
- FINANCE & ACCOUNTS
- ADMINISTRATION
- CONTENT
- PAGES
- AUTHENTICATION
- UI INTERFACE
- Extras
- Main
- Dashboard
- Super Admin
- Applications
- Layouts
- Projects
- Administration
- Pages
Welcome to SmartHR
Adrian Herman
System Admin
- SUPER ADMIN
- Dashboard
- Companies
- Subscriptions
- Packages
- Domain
- Purchase Transaction
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.