1. Primitives
  2. Label

<Label />

Typographic labels.
<Grid gap={[3, 3, 4, 5]} padding={4}>
<Card>
<Label size={0}>Label 0</Label>
</Card>
<Card>
<Label size={1}>Label 1</Label>
</Card>
<Card>
<Label size={2}>Label 2</Label>
</Card>
<Card>
<Label size={3}>Label 3</Label>
</Card>
<Card>
<Label size={4}>Label 4</Label>
</Card>
</Grid>

Properties  

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