Text

For all types of text.

<Text headingLevel={3} color="red600" bold italic size="xl">Lorem ipsum dolor</Text>

Use the headingLevel prop to make it a heading and the as prop to specify different HTML elements for semantic purposes. Defaults to <p></p>.

<Text as="section">Lorem ipsum dolor</Text>