A

AA

B

BB

A
B
C

AA

BB

CC

Text

Typography H1

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum assumenda rerum incidunt omnis molestiae, maxime tenetur unde maiores veniam dolore autem.

Typography H2

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum assumenda rerum incidunt omnis molestiae, maxime tenetur unde maiores veniam dolore autem.

Typography H3

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum assumenda rerum incidunt omnis molestiae, maxime tenetur unde maiores veniam dolore autem.

Typography H4

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum assumenda rerum incidunt omnis molestiae, maxime tenetur unde maiores veniam dolore autem.

Typography H5

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum assumenda rerum incidunt omnis molestiae, maxime tenetur unde maiores veniam dolore autem.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum assumenda rerum incidunt omnis molestiae, maxime tenetur unde maiores veniam dolore autem.

Typography H2

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum assumenda rerum incidunt omnis molestiae, maxime tenetur unde maiores veniam dolore autem.

  • Unordered list item
  • Unordered list item
  • Unordered list item
  1. Unordered list item
  2. Unordered list item
  3. Unordered list item

Lorem ipsum strong emphasized bold adipisicing elit. Ipsum Link rerum Link 2 omnis Link 3, maxime tenetur unde maiores veniam dolore autem.

size-full Image: size-full.

size-full alignnone Image: size-full/alignnone.

size-full aligncenter Image: size-full/aligncenter

full alignleft Image: size-full/alignleft.

size-full alignright Image: size-full/alignright.

Images without size-full class are not made responsive and size-constrained. They are good for icons and smaller images. alignnone alignleft aligncenter alignright



Tables

Table Table Table
Table Table Table
Table Table Table
Table Table Table


Colors


Color: 1
Color: 2
Color: 3
Color: 4
Color: light
Color: medium
Color: dark
Color: success
Color: warning
Color: danger

Buttons


Button 1

Button 2

Button 3

Button 4

Button 5

Button 6

Button 7

Button 8

Button 1

Button 2

Button 3

Button 4

Button 5

Button 6

Button 7

Button 8



Interactions


Alert message

Spinner (non-blocking)

Spinner (blocking)

Confirm modal

Toast-besked: Info

Toast-besked: Success

Toast-besked: Warning

Toast-besked: Error

Form/input elements


Card header

Card content

Card header, level 1

Card content

Card header, level 2

Card content

Card content



Card header: Red

Card content

Card header: Blue

Card content

Card header: Green

Card content

Card header: Red

Card content

Card header: Yellow

Card content

Card header: Ink

Card content

Card header/body: Red

Card content

Card header/body: Blue

Card content

Card header/body: Green

Card content

Card header/body: Red

Card content

Card header/body: Yellow

Card content

Card header/body: Ink

Card content

Websitet anvender cookies.
Okay