Heading

Heading renders h1-h4 tags. You get the styling through the type prop and you render the element tag with the as prop.

It will default to the h2 tag and styling.

For information on Typography style and usage guidelines, check out Typography Design Guidelines.

Example

I'm a Heading

Styles

I'm a H1 Heading

I'm a H2 Heading

I'm a H3 Heading

I'm a H4 Heading

h4 style but h2 semantically

Common Props

Heading includes COMMON and TYPOGRAPHY common props. Read Common Props for details and API. These common props will override component props such as the color.

Component Props

Prop nameTypeDefaultDescription
asStringh2sets the HTML tag for the component
typeString'h2'sets styling of component (h1-h4)
themeObjectBridge Themeuse to override default bridge theme