# Heading Component

Use this component when you need a pre-styled html heading element

Pass the component a `level` prop a numeric value between 1 and 6 and you
will get the appropriate element and styling: 

```
<Heading level={1}>This is a Heading component</Heading>
```
will render as:
```
<h1 class="heading heading-1">This is a Heading component</h1>
```
and so on, up to `<h6>` - `level` defaults to `1` if no value is passed as a prop