Enums: Heading

Set heading sizes consistently across your typography.

Heading enums keep display headings and regular headings aligned with your design scale without manual CSS.

How it works

Use DisplayHeadingSize for large hero-style headings and HeadingSize for standard h1-h6 sizing.

Examples

  • DisplayHeadingSize.Is1 for the largest hero titles.
  • HeadingSize.Is3 for section-level headings.
  • HeadingSize.Is6 for small labels or captions.

Reference

DisplayHeadingSize

Defines the display heading size.

  • DisplayHeadingSize.Is1 Represents the h1 size element.
  • DisplayHeadingSize.Is2 Represents the h2 size element.
  • DisplayHeadingSize.Is3 Represents the h3 size element.
  • DisplayHeadingSize.Is4 Represents the h4 size element.

HeadingSize

Defines the heading size.

  • HeadingSize.Is1 Represents the h1 size element.
  • HeadingSize.Is2 Represents the h2 size element.
  • HeadingSize.Is3 Represents the h3 size element.
  • HeadingSize.Is4 Represents the h4 size element.
  • HeadingSize.Is5 Represents the h5 size element.
  • HeadingSize.Is6 Represents the h6 size element.
On this page