# 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 | Handling
--- | --- | --- | --- | ---
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.

##### Modal Titel

Dette er en standard modal boks. Den bruges til bekræftelser, detaljer eller formularer der ligger "ovenpå" siden.