Design System & Komponenter

En komplet oversigt over alle UI elementer i "Nordic Top" temaet.

Farver & Typografi

Farvepalette

#0f4c75

Accent

#eef2f5

Accent Light

#2c3e50

Text Primary

#6c757d

Text Secondary

#198754

Success

#ffc107

Warning

#dc3545

Danger

#0dcaf0

Info

Typografi

H1 Overskrift (2.5rem)

H2 Overskrift (2rem)

H3 Overskrift (1.75rem)

H4 Overskrift (1.5rem)

H5 Overskrift (1.25rem)

H6 Overskrift (1rem)

Dette er en lead paragraph, der bruges til intro tekst.

Dette er almindelig brødtekst. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Dette er lille tekst.

Knapper & Badges

Knapper

Badges & Alerts

Primary Secondary Success Danger Warning Info

Pille Form Aktiv Kladde

Handling gennemført!

Tjek venligst input.

Formular Elementer

Input Felter

Email adresse

Vi deler aldrig din email med andre.

Adgangskode

Deaktiveret input

Select Menu

Tekstområde

Checkboxes, Radios & Switches

Checkboxes

Standard checkbox

Valgt checkbox

Radio Buttons

Mulighed 1

Mulighed 2 (Valgt)

Switches

Standard switch

Aktiv switch

Input Groups

DKK

Tabeller

Data Tabel

Kunde	Status	Oprettet	Beløb
BN BMC Networks CVR: 12345678	Aktiv	01. Dec 2023	4.500 DKK
TC Tech Corp ApS CVR: 87654321	Afventer	28. Nov 2023	12.000 DKK
LL Lokal Lageret CVR: 11223344	Opsagt	15. Okt 2023	2.100 DKK

Modals & Overlays

Modal Eksempel

Kort Varianter

Primary Card

Kort med accent farve baggrund.

Border Card

Kort med farvet kant.