Text - Heading

Text - Heading


Last updated: 9/21/21

Heading text in various sizes.

Base

Use the base class pier-heading on a heading element.

Base Heading

HTML markup

Sizes

Use the modifier classes pier-heading--xs, pier-heading--sm, pier-heading--md, or pier-heading--lg to change the size of the heading text.

Extra-Small Heading

Small Heading

Medium Heading

Large Heading

HTML markup

Error

Use the modifier class pier-heading--error to change the style of the heading to red.

Error Heading

HTML markup

Dark

Use the modifier class pier-heading--dark to change the style of the heading for dark UI themes.

Dark Heading

HTML markup


© 2021 Gumgum, Inc.