Text
Text
Text
is a component that makes it easy to use our typography styles throughout a product or application, ensuring consistency and a unified look and feel. It includes attributes such as font size, weight, letter spacing, line height and decoration.
Examples
How to use
Accessibility
Density
Mode
Text
supports these sets of styles:
- Display
- Headings
- Body
- Label
- Code
These alternative components display text in commonly used styles. Where relevant, use them instead of Text
to simplify syntax:
Display1
Display2
Display3
H1
H2
H3
H4
Label
Code
TextNotation
TextAction