TYPOGRAPHY


h1, .h1

Header 1

Mobile

Desktop

h2, .h2

Header 2

Mobile

Desktop

h3, .h3

Header 3

Mobile

Desktop

h4, .h4

Header 4

Mobile

Desktop

h5, .h5

Header 5

Mobile

Desktop

h6, .h6

Header 6

Mobile

Desktop

.h7

Header 7

Mobile

Desktop

.body-xl

BodyXL

.body-lg

BodyLG

.body-md

BodyMD

.body-sm

BodySM

BUTTONS


Base

.button

Default

:hover

:focus

[disabled]

Primary

.button.button--primary

Default

:hover

:focus

[disabled]


Secondary

.button.button--secondary

Default

:hover

:focus

[disabled]


INPUTS


Base

TextInput.vue

Default

:hover

:focus

[disabled]

*Error*

Email

EmailInput.vue

Default

Dropdown

SelectInput.vue

Default

Disabled

Radio Buttons

RadioInput.vue

Default

Checked

Disabled

Disabled+Checked

Checkboxes

CheckboxInput.vue

Default

Checked

Disabled

Disabled+Checked