Overview

The HeadingWrapper is a container component that provides consistent spacing and layout for heading-related components. It is typically used to wrap Overline, HeadingTitle, and Subheading components to create cohesive heading sections.

Examples

Basic Usage

Overline, HeadingTitle, and Subheading are optional children. Typically, Overline will have a HeadingTitle after it, and Subheading won't appear before an Overline.

Custom Styling

You can apply custom styles using the className prop.

Import

import { HeadingWrapper } from '@im/integral/components/styled';

Props