Skip to content


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

Default example


red color

white on black

System props

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

Component props

asStringspanSets the HTML tag for the component