Typography Components
Headline
Headlines are used as titles or headings.
Body Text
Body Text is used as paragraphs or when displaying single line of information.
Eyebrow
Eyebrows are used for labeling data or captions.
Font Styles
Subdued
You can deemphasize text by making it a lighter shade of grey.
<BodyText>In a paragraph of text, when you have words that need to be deemphasized, <BodyText inline el='span' subdued>subdued text</BodyText> becomes less apparent</BodyText>
Italic
You can emphasize text by italicizing it.
<BodyText>In a paragraph of text, when you have words that need to be deemphasized, <BodyText inline el='span' italic>subdued text</BodyText> becomes less apparent</BodyText>
Bold
You can emphasize text by bolding it.
<BodyText>In a paragraph of text, when you have words that need to be emphasized, <BodyText inline el='span' bold>bold text</BodyText> becomes more apparent</BodyText>
CSS Classes
You can add classes on these components to create modifications to attributes like spacing and color. Please follow the typography guideline as much as possible.