Buttons

Primary button Default button Lightweight button

Disabled primary button Disabled default button Disabled lightweight button

Primary flex button Default flex button Lightweight flex button

Large primary button Large default button

Inputs

Text input Date input Numeric input Password input Checkbox input Checkbox input (checked)

Radio input 1 Radio input 2 (checked)

Radio input 1 With a breif description Radio input 2 (checked) With a brief description

Switch input Switch input with custom status text (checked) True False Switch input without status text

Standalone switch (no label, auto status text):

Standalone switch (no label, no status text):

Badges

Default small badge Highlight small badge Lowlight small badge Accent small badge

Default large badge Highlight large badge Lowlight large badge Accent large badge

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Paragraphs

Default paragraph

Paragraph 1

Paragraph 2

Paragraph 3

Blockquotes

This is an example blockquote

This is an example lightweight blockquote

Personas

Headers

Typographic header

This is a typographic header.

Small typographic header

This is a small typographic header.

Lightweight typographic header

This is a lightweight typographic header.

Small lightweight typographic header

This is a small lightweight typographic header.

Small headers

Nav intro header:

Basic navbars

Navbar: