Text

Text renders a React Native Text component.

Usage

<Box>
  <Text fontSize={1}>Normal text</Text>
  <Text fontSize={4} letterSpacing={1}>
    Large text
  </Text>
  <Text fontSize={36} letterSpacing={2}>
    Giant text
  </Text>
</Box>

Props

• color?: string (name from your color object, if it cannot be found, it will be used as color)
• fontFamily?: string (name from your fonts object, if nothing is supplied and you specified something as base in your fonts object, it will be used)
• fontSize?: number (index from your space array, if negative or higher, it will be used as size)
• fontWeight?: TextStyle['fontWeight']
• letterSpacing?: number (index from your space array, if negative or higher, it will be used as spacing)
• lineHeight?: number (index from your lineHeights array, if negative or higher it will use it as height)
• m?: number (index from your space array, if negative or higher, it will be used as spacing)
• mb?: number (index from your space array, if negative or higher, it will be used as spacing)
• ml?: number (index from your space array, if negative or higher, it will be used as spacing)
• mr?: number (index from your space array, if negative or higher, it will be used as spacing)
• mt?: number (index from your space array, if negative or higher, it will be used as spacing)
• mx?: number (index from your space array, if negative or higher, it will be used as spacing)
• my?: number (index from your space array, if negative or higher, it will be used as spacing)
• p?: number (index from your space array, if negative or higher, it will be used as spacing)
• pb?: number (index from your space array, if negative or higher, it will be used as spacing)
• pl?: number (index from your space array, if negative or higher, it will be used as spacing)
• pr?: number (index from your space array, if negative or higher, it will be used as spacing)
• pt?: number (index from your space array, if negative or higher, it will be used as spacing)
• px?: number (index from your space array, if negative or higher, it will be used as spacing)
• py?: number (index from your space array, if negative or higher, it will be used as spacing)
• textAlign?: TextStyle['textAlign']
• Any Text props