Text

Use the Text component to render body content
  • Experimental
  • Review pending by accessibility team
import {Text} from '@primer/react-brand'

Examples

Default

Scale

Variants

Polymorphism

The Text component can render as a span, p or div HTML element.

Component props

Text

NameTypeDefaultDescription
as'p'
'span'
'div'
'span'Applies the underlying HTML element
size'700'
'600'
'500'
'400'
'300'
'200'
'100'
'400'Specify the text size
variant'default'
'muted'
'default'Specify alternative text appearance