Box/Elevation

Elevation 0 (bordered)
Elevation 1
Elevation 1 (bordered)
Elevation 3
Elevation 4
Elevation 8
Elevation 16
Elevation 24

Conditional elements

Modern Theme Element

Default Theme Element

{{ ' ' }}

Headers

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 1 (by CSS class)

Heading 2 (by CSS class)

Heading 3 (by CSS class)

Heading 4 (by CSS class)

Heading 5 (by CSS class)

Margin

Margin inline extra-small Margin inline small Margin inline medium Margin inline large Margin inline extra-large Margin inline extra-extra-large
Margin stacked extra-small
Margin stacked small
Margin stacked medium
Margin stacked large
Margin stacked extra-large
Margin stacked extra-extra large

Padding

Padding even small
Padding even medium
Padding even large
Padding even extra-large
Padding vertical medium
Padding vertical large
Padding horizontal small
Padding horizontal medium
Padding horizontal extra-large

Paragraph

Paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fermentum ante massa, nec hendrerit dui pulvinar vel. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum ac bibendum purus. Morbi dapibus id purus et egestas. Nulla sollicitudin vestibulum consequat. Aenean sagittis tortor tempus magna pellentesque tristique.

Text

Body default
Body small
Body large
Field label
Display 1
Display 2
Display 3
Display 4
Emphasized text
De-emphasized text
Headline

Unstyled list

Text above
Text below