ATLSpacing
Esta molécula é composta apenas por uma altura e tem a finalidade de espaçar elementos na tela.
Para visitar a documentação de design desta molécula, clique aqui.
Exemplo de Uso:
import { ATLSpacing, SpacingSizesEnum} from '@appsimples/atlantica-react-native'
...
<ATLSpacing type={SpacingSizesEnum.wide}/>
Props
type
Tipo de espaçamento.
| Tipo | Obrigatório |
|---|---|
| SpacingSizesEnum | Sim |
Os possíveis tipos são:
| Tipo | Token | Default Value |
|---|---|---|
| base | SpacingBase | 8 |
| marginal | SpacingMarginal | 16 |
| distribute | SpacingDistribute | 24 |
| intersection | SpacingIntersection | 48 |
| wide | SpacingWide | 64 |