Text

Experimental
Use the Text component to render body content
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