Heading

Heading displays large text suitable for page titles, dialog titles or empty state titles.

#Example

#Usage

#Sizes

#Truncated

When heading content comes from users, it's often too long to fit in the UI. To avoid breaking the layout, truncate the overflowing text with an ellipsis (…).

#Props

Inherits color and margin props.

Name	Default	Description
isTruncated	false	boolean Truncate overflowing text with an ellipsis if needed.
children	—	ReactNode Heading text.
size	"md"	"md" | "lg" | "xl" | "2xl" Heading size.
textAlign	—	"left" | "center" | "right" Text alignment.