Section Heading

Section heading displays larger or bolder text suitable for section titles.

#Example

#Usage

#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.
as	"h3"	"h2" | "h3" | "h4" | "h5" | "h6" Heading element.
children	—	ReactNode Heading text.
textAlign	—	"left" | "center" | "right" Text alignment.