Typography
Documentation and examples for common text utilities to control alignment, weight, and more.
Heading Texts
For heading you can use h1, h2, h3, h4, h5, h6 elements.
The same font-styling is present for class names
type-1, type-2, type-3, type-4, type-5, type-6
class. You can add one of these classes to style the text.
H1-Heading
H2-Heading
H3-Heading
H4-Heading
H5-Heading
H6-Heading
Paragraph Texts
For paragraph, you can use p element.
The same font-styling is present for class name
body-cp-lg, body-cp-rg, body-cp-md, body-cp-sm
class.You can add one of these classes to style the text.
P-Paragraph-body-copy-large style
P-Paragraph-body-copy-regular style
P-Paragraph-body-copy-medium style
P-Paragraph-body-copy-small style
Gray Texts
You can get the gray text using
.gray.
You can copy html part from below code snippet.
H3-Heading
H4-Heading
H5-Heading
P-Paragraph-body-copy-large style
P-Paragraph-body-copy-regular style
P-Paragraph-body-copy-medium style
Center Texts
To align the text add
text-center, text-left, text-right
class to wrapper element.
You can copy html part from below code snippet.
H3-Heading Text Align Center
H3-Heading Text Align Left
H3-Heading Text Align Right