Getting started
Foundation
Typography
Navigation
Feedback
Forms
Section heading displays larger or bolder text suitable for section titles.
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 (…
).
Inherits margin props.
Name | Default | Description |
---|---|---|
isTruncated | false | boolean Truncate overflowing text with an ellipsis if needed. |
children | — | ReactNode Heading text. |
textAlign | — | "left" | "center" | "right" Text alignment. |