Subheading

Overview

The Subheading component is used to render text that appears below a heading title. It comes with preset typography styles (font size, weight, color) that are optimized for this specific use case. It is typically used to provide a brief description or elaboration on the heading.

This component is designed to be used as a sibling to HeadingTitle within a HeadingWrapper, which ensures correct spacing and layout.

Examples

Basic Usage

With Heading Title

The most common usage is pairing a Subheading with a HeadingTitle.

Custom Styling

You can apply custom styles using the className prop.

Import

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

Props