Heading

Experimental
Use the Heading component to render body content
import {Heading} from '@primer/react-brand'

Examples

Default

Scale

Sizes

The Heading size is determined by the type of HTML element specified. E.g. h1, h2, h3, h4, h5 or h6.

Component props

Heading

NameTypeDefaultDescription
as'h1'
'h2'
'h3'
'h4'
'h5'
'h6'
'h2'Applies the underlying HTML element
classNamestringSets a custom class on the root element
idstringSets a custom id
refReact.RefObjectForward a Ref to the underlying DOM node