Heading
This groups headings together, much like the hgroup element in HTML.
Was this section helpful?
Simple HeadingGroup example
import {
render,
HeadingGroup,
Heading,
} from '@shopify/ui-extensions-react/admin';
render('Playground', () => <App />);
function App() {
return (
<>
<Heading>Heading <h1></Heading>
<HeadingGroup>
<Heading>Heading <h2></Heading>
<HeadingGroup>
<Heading>Heading <h3></Heading>
</HeadingGroup>
</HeadingGroup>
</>
);
}
Preview
