Heading

TSX

<Heading
  headingType="h1"
  fontSize="24px"
  fontWeight={700}
  fontFamily={{ label: 'Arial', value: 'arial,helvetica,sans-serif' }}
  color="#111111"
  textAlign="left"
  lineHeight="120%"
>
  Welcome
</Heading>

Prop	Type	Default
headingType	"h1" | "h2" | "h3" | "h4"	"h1"
text	string	"Heading" (or use children)
fontSize	string	"22px"
fontWeight	number	400
fontFamily	{ label: string, value: string }	—
color	string	"#000000"
textAlign	"left" | "center" | "right" | "justify"	"left"
lineHeight	string	"140%"

<Heading> also accepts a level prop as a shorthand for headingType (<Heading level="h1">). It works at runtime — internally aliased to the same field — but isn't on HeadingProps, so strict TypeScript rejects it. Use headingType in typed code.