Heading
Use the Heading component to give users scannable titles on your interface. A user should be able to understand what a page is for just by reading the headings. This components extends the Text component to provide default heading styles for H1-H6.
Usage Example
Live Editor
Result
Loading...
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| as | string (optional) | 'h2' | |
| fontSize | (optional) |
Heading uses COMMON, TYPOGRAPHY groups of Styled System props.