Skip to main content

Heading

Use this to display a title. It's similar to the h1-h6 tags in HTML

Anchor to headingpropsHeadingProps

Anchor to id
id
string

A unique identifier for the field.

Anchor to size
size

The visual size of the heading.

There are no guarantee that the level set will render the same level in the HTML <h*> element. The heading level that gets rendered is determined by the parent HeadingGroup or Section component.

Was this section helpful?

Simple Heading example

import {render, Heading} from '@shopify/ui-extensions-react/admin';

render('Playground', () => <App />);

function App() {
return <Heading>Store name</Heading>;
}

Preview

Anchor to relatedRelated

Text
HeadingGroup