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.


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