Text

Whatever you do, you’ll always need text. To use, impot from @marvelapp/ui:

import { Text } from '@marvelapp/ui';

The <Text /> component has all typography and space props available.

I'm a paragraph text!
<Text color="black" fontSize={3}>
  I'm a paragraph text!
</Text>

Props

Prop
Type
Default
color
string
slate
downScaleToFit
boolean
false
fontFamily
array
string
number
Graphik
fontSize
array
string
number
3
fontStyle
array
string
number
normal
fontWeight
array
string
number
400
letterSpacing
array
string
number
-0.2
lineHeight
array
string
number
1.5
tag
string
div
textAlign
array
string
number
left