### Examples

**More examples** are available on <a href="https://storybook.northstar.aws-prototyping.cloud/?path=/story/components-heading--default" target="_blank" rel="noreferrer noopener">NorthStar Storybook</a>.

```jsx
import Container from 'aws-northstar/layouts/Container';

<Container headingVariant='h4' title='h1'>
    <Heading variant='h1'>Heading Level 1</Heading>
</Container>
```

```jsx
import Container from 'aws-northstar/layouts/Container';

<Container headingVariant='h4' title='h2'>
    <Heading variant='h2'>Heading Level 2</Heading>
</Container>
```

```jsx
import Container from 'aws-northstar/layouts/Container';

<Container headingVariant='h4' title='h3'>
    <Heading variant='h3'>Heading Level 3</Heading>
</Container>
```

```jsx
import Container from 'aws-northstar/layouts/Container';

<Container headingVariant='h4' title='h4'>
    <Heading variant='h4'>Heading Level 4</Heading>
</Container>
```

```jsx
import Container from 'aws-northstar/layouts/Container';

<Container headingVariant='h4' title='h5'>
    <Heading variant='h5'>Heading Level 5</Heading>
</Container>
```