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

Props

Prop	Type	Default	Description
as	string (optional)	'h2'
fontSize	(optional)

Heading uses COMMON, TYPOGRAPHY groups of Styled System props.