Heading

A styled, semantic heading element. The Heading component builds on top of Text and supports all Text props.

Importing

The component can be imported via:

import { Heading } from '@customerio/pluma-components/react';

The component accepts a level prop, from 1 to 6, which will have the component render the matching heading tag (h1 to h6):

Loading editor

Default:'div'

What element or component should be rendered.

Default:2

The level of the heading (which maps to h1-h6 tags)