Flex

Use this component to create flexbox layouts.

import { Flex } from '@marvelapp/ui';

<Flex>
  <Box p={2} bg="steel" color="white" flex={1}>
    Flex
  </Box>
  <Box p={2} bg="muted">
    Box
  </Box>
</Flex>

Props

The <Flex> component is identical to the <Box> component. If you change display to anything other than flex it’s wise to just use <Box> instead.

See Box for all the available properties.