Heading
Use this to display a title. It's similar to the h1-h6 tags in HTML
Anchor to headingpropsHeadingProps
- string
A unique identifier for the field.
- Anchor to sizesizeLevel
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 parentorSectioncomponent.
Level
1 | 2 | 3 | 4 | 5 | 6Was 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>;
}
Examples
Simple Heading example
React
import {render, Heading} from '@shopify/ui-extensions-react/admin'; render('Playground', () => <App />); function App() { return <Heading>Store name</Heading>; }JS
import {extend, Heading} from '@shopify/ui-extensions/admin'; extend('Playground', (root) => { const heading = root.createComponent(Heading, undefined, 'Headings are cool'); root.appendChild(heading); });
Preview
