Heading - HubSpot docs

The Heading component renders large heading text. Use this component to introduce or differentiate sections of your component.

import { Heading } from "@hubspot/ui-extensions";

const Extension = () => {
  return <Heading>Heading text</Heading>;
};

Prop	Type	Description
`inline`	Boolean	When set to `true`, text will not line break.

Usage example

The title at the top of an extension to introduce its content.

DO: use headers to give users a summary of the information that the extension contains.
DON’T: use more than one heading for each page or section in the extension.
DON’T: use headers for paragraphs or long sentences.