🎨 Styling Test Side

Test af alle styling komponenter i systemet

✓ Dette er en success besked - vises når noget er gennemført succesfuldt
⚠️ Fejl
Dette er en fejlbesked - vises når der opstår en fejl i systemet
⚡ Advarsel
Dette er en advarselsbesked - vises når brugeren skal være opmærksom på noget

💡 Information

Dette er en info-box der bruges til at vise hjælpsom information til brugeren.

  • Bullet punkt nummer 1
  • Bullet punkt nummer 2
  • Bullet punkt nummer 3
  1. Nummereret punkt 1
  2. Nummereret punkt 2
  3. Nummereret punkt 3

Afsluttende tekst med et link som eksempel.

Content Block

Dette er en content-block der bruges til at vise hovedindhold på siden.

Kolonne 1 Kolonne 2 Kolonne 3 Handlinger
Data 1.1 Data 1.2 Data 1.3 Rediger Slet
Data 2.1 Data 2.2 Data 2.3 Rediger Slet
Link Knap

Stats Block Eksempel

127
Totalt antal
89
Aktive
23
Afventende
15
Fejlede

Typografi

Heading 1 - Stor overskrift

Heading 2 - Medium overskrift

Heading 3 - Lille overskrift

Heading 4 - Meget lille overskrift

Dette er et normalt afsnit med almindelig tekst. Dette er fed tekst og dette er kursiv tekst.

Dette er et link som du kan klikke på.

Dette er inline code 
{
    "example": "json",
    "code": "block"
}

Farvepalet

Primary
#3498db
Dark
#2c3e50
Success
#27ae60
Danger
#e74c3c
Warning
#f39c12
Muted
#7f8c8d