Dataløn HR
Rekruttering
HRM styleguide v1
Blurb
Talentech styleguide v2
Visma styleguide v2
My account
Sign out
Progress | Accordion | Badges, pills | Cards | Counter bar | Disabled background | Dropdowns | Tooltips | Alerts | Modals | Error pages | Tables
Extra small
Small
Normal
Large
Text inside the progress bars:
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.
Controlled by global variables
Badges
Note badge badge-info
Note badge badge-primary
Note badge badge-success
Note badge badge-warning
Note badge badge-danger
Note badge badge-light
Note badge badge-dark
Pills
Note badge badge-pill badge-info
Note badge badge-pill badge-primary
Note badge badge-pill badge-success
Note badge badge-pill badge-warning
Note badge badge-pill badge-danger
Note badge badge-pill badge-light
Note badge badge-pill badge-dark
Dark card
This is some text in the proper card-text class.
Naked card
I am a naked card where all borders and backgrounds have been removed.
All the formatting choices
Text properly formatted using the .card-text CSS class. Looks great doesn’t it? Yes, it certainly does.
A bar containing counters. Digits, sparklines, tiny charts, AmCharts, images, or similar statistics. Note: translate aria-lable
Avg. time to hire
Active projects
Hires
Active ads
Demo counting
Alerts
Paragraph
Toasters / snackbar
Description
v1.0.841-rev-f8d5cfe+f8d5cfe75d5a52f58b13d21aa1ee045f0808d96d
Settings