componentes
flex
O Flex 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 Flex, porém,
seu display padrão é o display: flex;
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 Flex é renderizado como um div, mas podemos alterar isso através da propriedade as: