Heading | UI components (BETA)

  • Sales Hub
    • Enterprise
  • Service Hub
    • Enterprise

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.

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.