> For the complete documentation index, see [llms.txt](https://apcom.gitbook.io/altrone-ui/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://apcom.gitbook.io/altrone-ui/components/typography/heading.md).

# Heading

{% hint style="info" %}
This is a semantic component. Use `level` property to make a correct structure of the page.
{% endhint %}

```tsx
import { Heading } from 'altrone-ui';

return <Heading level={1}>Introduction</Heading>
```

## Properties

<table data-full-width="false"><thead><tr><th>Property</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td><strong><code>level</code></strong><mark style="color:red;"><strong><code>*</code></strong></mark></td><td><code>number</code></td><td>Level of your heading. Can be between <code>1</code> and <code>6</code>. <br><br>Default value is <code>1</code></td></tr><tr><td><strong><code>children</code></strong><mark style="color:red;"><strong><code>*</code></strong></mark></td><td><code>ReactNode</code></td><td>Text content</td></tr><tr><td><strong><code>id</code></strong></td><td><code>string</code></td><td>Id of the heading</td></tr><tr><td><strong><code>className</code></strong></td><td><code>string</code></td><td>Custom CSS class</td></tr></tbody></table>

## History

* **`Altrone 1.0`**: initial release