Skip to content

Heading

Props ​

NameTypeDefaultDescription
levelHeadingLevel-Heading level (1–6). Determines the semantic element (h1–h6).
typeHeadingType-Visual type variant that overrides the default level styling. Optional: display-1, display-2, display-3, body, large, label, supporting.
colorHeadingColor'primary'Text color. Optional: primary, secondary, accent, inherit.
weightHeadingWeight-Font weight override. Optional: regular, medium, semibold, bold.
displayHeadingDisplay'block'Display type: block or inline.
maxLinesnumber0Maximum lines before truncation. 0 means no truncation.

Native attributes ​

The root element is <h1> through <h6>.

The following are passed to the root element:

  • HTML attributes.
  • aria-* attributes.
  • data-* attributes.
  • class.
  • style.