Subtitle
The Text.Subtitle component renders an h6 tag by default with font weight of normal. You can override the tag by passing an as property.
<Text.Subtitle>
I'm an H6 subtitle and I'm 16px font-size.
</Text.Subtitle>
Will render as
I'm an H6 subtitle and I'm 16px font-size.
Variations
The Heading component accepts weight property:
| Property | Value |
|---|---|
| weight | regular | bold | black |
<Text.Subtitle weight={weight}>Subtitle</Text.Subtitle>
Regular
Bold
Black