Skip to content

Text

The Text component is a wrapper component that will apply typography styles to the text inside.

Default example

bold

danger color

inverse colors

System props

System props are deprecated in all components except Box. Please use the sx prop instead.

Text components get TYPOGRAPHY and COMMON system props. Read our System Props doc page for a full list of available props.

Component props

NameTypeDefaultDescription
asStringspanSets the HTML tag for the component
Edit this page on GitHub
2 contributorsVanAndersonemplums
Last edited by VanAnderson on July 22, 2021