Typographys

Display Token
Headline 1 text-4xl font-light text-grey-900
Headline 2 text-3xl font-light text-grey-900
Headline 3 text-2xl font-light text-grey-900
Headline 4 text-xl font-light text-grey-900
Headline 5 text-lg font-light text-grey-900
Body text-base
Text link link

Buttons

Role Token Enable Disabled
Primary button button-primary
Secondary button button-secondary
Outlined button button-outlined

Forms

Text inputs

Invalid email address

Text Area

Dropdown

Radio button

Checkboxes

Toggle

Modules

Notifications

Standard notification
Error notification
Success notification
Warning notification
Toaster notification

Slideout

Heading 1
Content slideout 1
Heading 2
Content slideout 2

Modal dialog

Content modal

Additionals

Pagination