Heading
Renders h1–h6 with the design-system scale. level controls both the element and the
size.
Heading 1
Heading 2
Heading 3
Heading 4
import { Heading } from '@gg-software/ui';
<Heading level={1}>Heading 1</Heading>
<Heading level={2}>Heading 2</Heading>Props
| Prop | Type | Default | Description |
|---|---|---|---|
level | 2 | 1 | 3 | 4 | 5 | 6 | 2 | |
children* | ReactNode | — | content rendered inside the component |
id | string | — | |
className | string | — |
* required · generated from packages/ui/src/typography/Heading/Heading.tsx