Text

<Box flexDirection="column">
  <Text size="xsmall">xsmall</Text>
  <Text size="small">small</Text>
  <Text size="medium">medium</Text>
  <Text size="large">large</Text>
</Box>

<Box flexDirection="column">
  <Text color="#16a054">#16a054</Text>
  <Text color="default">default</Text>
  <Text color="muted">muted</Text>
  <Text color="link">link</Text>
  <Text color="white">white</Text>
  <Text color="selected">selected</Text>
  <Text color="primary">primary</Text>
  <Text color="secondary">secondary</Text>
  <Text color="danger">danger</Text>
  <Text color="info">info</Text>
  <Text color="success">success</Text>
  <Text color="warning">warning</Text>
</Box>

<Box flexDirection="column">
  <Text weight="500">500</Text>
  <Text weight="700">700</Text>
  <Text weight="bold">bold</Text>
  <Text weight="normal">normal</Text>
  <Text weight="light">light</Text>
</Box>

<Box flexDirection="column">
  <Text align="left">Lorem ipsum dolar set amet</Text>
  <Text align="center">Lorem ipsum dolar set amet</Text>
  <Text align="right">Lorem ipsum dolar set amet</Text>
</Box>

<Box flexDirection="column">
  <Text transform="uppercase">Lorem ipsum dolar set amet</Text>
  <Text transform="lowercase">Lorem ipsum dolar set amet</Text>
  <Text transform="capitalize">Lorem ipsum dolar set amet</Text>
</Box>

<Box flexDirection="column">
  <Text isItalic>Lorem ipsum dolar set amet</Text>
</Box>