Skip to main content

Function: Heading()

Heading(__namedParameters): Element

Defined in: components/Heading/Heading.tsx:108

A document heading bound to the FSL type scale.

Entity = Structure. level sets the <h1><h6> element (structure and accessibility); size optionally overrides the visual step. There is no way to pass a raw font size — the scale is the only vocabulary — which is how the theme's typography reaches the screen consistently. Colour is inherited from the surrounding surface.

Parameters

ParameterType
__namedParametersHeadingProps

Returns

Element

Example

<Heading level={1}>Billing</Heading>
<Heading level={2} size="title-md">Payment methods</Heading>