### Examples

**Standard Use**

Provides a standard format for page/section headings

```
<Heading id='heading-1'>Heading 1</Heading>
```

**Color**

```
<Heading color='primary'>Heading 1</Heading>
```

**Custom Styles**

Pass in custom style rules to be applied to the heading

```
<Heading styles={{ color: '#42AA4C' }}>Heading 1</Heading>
```