# Heading

## Description

The Heading component defines six levels of title elements from h1 to h3 that are used as titles and subtitles on a web page based on multiple styles and layouts

## Figma

{% @figma/embed fileId="Ig2ZfR16Svs8In7yibukrO" nodeId="2189:2215" url="https://www.figma.com/file/Ig2ZfR16Svs8In7yibukrO/Sovryn-UI-Library?node-id=2189:2215&t=otQ9Ebd7mqZnK914-1&type=design" %}

## Usage Examples (Storybook)

{% embed url="https://main--64805a328deba43ac7b6d3c1.chromatic.com/iframe.html?args=&id=atoms-heading--default&viewMode=docs" %}

