Box - Superlógica Design Language

Como utilizar

import { Box, Text } from '@superlogica/design-system'

<Box
  border
  borderColor="babar200"
  bgColor="babar50"
  paddingType="squish"
  paddingSize="md"
  radius="xs"
>
  <Text>Esse é um exemplo de uso do componente Box</Text>
</Box>

<Box
  border
  borderColor="babar200"
  bgColor="babar50"
  paddingType="squish"
  paddingSize="md"
  radius="xs"
>
  <Text>Esse é um exemplo de uso do componente Box</Text>
</Box>

Props

Prop	Tipo	Default	Descrição
border	`bool`	`false`	Adiciona borda no componente.
borderColor	`string`	`ghost`	Cor da borda.
bgColor	`string`	`ghost`	Cor do background.
paddingType	`string`	`square`	Tipo de padding do componente (square ou squish).
paddingSize	`string`	`sm`	Tamanho do padding (xxs, xs, sm, md, lg, xl).
radius	`string`	`none`	Tamanho do borderRadius (none, xs, sm, md)