Text

Text is a token-backed typography component to display body text.

Usage

Use the Text component for all non-heading text, including main content, detailed descriptions, and text in components.

For each size, a specific line height is automatically set ensuring text is compliant with accessibility standards.

Read more usage guidance for body text in our Typography foundations.

Text should be a minimum of 4.5:1 color contrast.

We use this feedback to improve our documentation.