No New Nofitications

Jenny Wilson Completed Created New Component

Jacob Johnson Added Manual Time 2 Hrs

Jacob Johnson Added Manual Time 2 Hrs

Adrian Herman
System Admin
- Main
- Track
- Manage
- Peoples
- Administration
- Layout
- Content
- Pages
- Authentication
- UI Interface
- Extras
Copyright 2025 - Clockfie
Welcome to Clockfie

Adrian Herman
System Admin
Buttons
Default Buttons
Use the btn class to show the default button style.
Outline Buttons
Use the btn-outline- class with the below-mentioned variation to create a button with the outline.
Rounded Buttons
Use the rounded-pill class to make a rounded button.
Soft Buttons
Use the btn-soft- class with the below-mentioned variation to create a button with the soft background.
Ghost Button
Use the btn-ghost- class with the below-mentioned variation to create a button with the transparent background.
Gradient Button
Use the bg-*-gradient class to create a gradient button.
Animation Button
Use the btn-animation class to create a animation effect.
Animation Button
Use the btn-animation class to create a animation effect.
Buttons with Label
Use the btn-label class to create a button with the label.
Buttons Sizes
Use btn-lg class to create a large size button and btn-sm class to create a small size button.
Button Widths
Use the btn-w-xs,btn-w-sm,btn-w-md,btn-w-lg class to make different sized buttons respectively.
Buttons Toggle Status
Use the data-bs-toggle="button" to toggle a button’s active state.
Icon Buttons
Use btn-icon class to wrap icon in button
Block buttons
Use the d-grid class to create a full-width block button.