1. Primitives
  2. Text

<Text />

The Text component is an agile, themed typographic element.
<Stack padding={4} space={[3, 3, 4, 5]}>
<Card>
<Text size={0}>Text 0</Text>
</Card>
<Card>
<Text size={1}>Text 1</Text>
</Card>
<Card>
<Text size={2}>Text 2</Text>
</Card>
<Card>
<Text size={3}>Text 3</Text>
</Card>
<Card>
<Text size={4}>Text 4</Text>
</Card>
</Stack>

Properties  

accent?: boolean
as?: React.ElementType | keyof JSX.IntrinsicElements
muted?: boolean
When true the text color will be muted.
size?: number | number[]
textOverflow?: 'ellipsis'
weight?: 'regular' | 'medium' | 'semibold' | 'bold'
Made withby folks at