componentes

box

O Box pode ser utilizado como um componente utilitario para criação de outros componentes, facilitando sua estilização e utilização do tema.

como utilizar

Todas as funções expostas no @olist/styled-system são aplicadas no Box.

Com isso podemos aplicar qualquer propriedade do styled-system, exemplos:

Verifique as propriedades disponíveis através da documentação do @olist/styled-system

sobrescrevendo o elemento do DOM

Por padrão o Box é renderizado como um div, mas podemos alterar isso através da propriedade as: