CTRL + /
German
French
Arabic
Notifications
No New Nofitications
Jenny Wilson Completed Created New Component
15 Min Ago
Jacob Johnson Added Manual Time 2 Hrs
20 Min Ago
Jacob Johnson Added Manual Time 2 Hrs
20 Min Ago
Restore
Welcome to Clockfie
Adrian Herman
System Admin
Badges
Default Badges
Use the badge class to show a default badge.
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Rounded Badges
Use the rounded-pill class to make badges more rounded
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Soft Badges
Use the badge-soft- class to create a softer badge.
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Soft Rounded Badges
Use the rounded-pill badge-soft- to create a soft badge more rounded
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Outline Badges
Use the badge-outline- to create a badge with the outline.
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Outline Rounded Badges
Use the rounded-pill badge-outline- class to create a outline pill badge.
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Soft Border Badges
Use the badge-border and badge-soft- with below mentioned modifier classes to make badges with border & soft backgorund.
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Label Badges
Use the badge-label class to create a badge with the label.
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Default Badges With Status
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Rounded Outlined Badges With Status
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Outline Badges With Status
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Rounded Outlined Badges With Status
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Outline Badges
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Outline Rounded Badges
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Default Badges With Left Icon
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Rounded Badges With Left Icon
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Soft Badges With Left Icon
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Rounded Soft Badges With Left Icon
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Outlined Badges With Left Icon
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Rounded Outlined Badges With Left Icon
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Default Badges With Right Icon
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Rounded Badges With Right Icon
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Soft Badges With Right Icon
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Rounded Soft Badges With Right Icon
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Outlined Badges With Right Icon
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Rounded Outlined Badges With Right Icon
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Default Badges With Right Icon
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Rounded Badges With Right Icon
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Soft Badges With Right Icon
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Rounded Soft Badges With Right Icon
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Outlined Badges With Right Icon
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Default Badges With Image
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Rounded Badges With Image
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Soft Badges With Image
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Outlined Badges With Image
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Rounded Outlined Badges With Image
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark