Design System

Form Typography Icons Buttons Links Modals Grid Card Expand Loading Spinner

Form

Input

Textarea

Select

Radio Buttons

Radio 1

Radio 2

Radio 3

Checkboxes

Checkbox 1

Checkbox 2

Checkbox 3

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Body lg. 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, linked words sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Body md. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Body sm. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Body xs. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Body xxs. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Body xxxs. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Icons

Icons (React)

Icon Buttons (React)

Buttons

React Buttons

React Buttons with Icons

Links

Link

Link disabled

Open in new tab

A link with super long text that wraps to the next line. A link with super long text that wraps to the next line. A link with super long text that wraps to the next line.

Link looking as button

Tooltips

Modals (React)

Grid

2/12

4/12

5/12

1/12

3/12

6/12

10/12 | start:2

xs:6/12 sm:6/12 md:12/12 lg:6/12 xl:12/12

Loading Spinner

Other

Color Line

Kundeservice

Kontakt oss

Nyttig informasjon

Gavekort

Juridisk informasjon

Reisebetingelser