Flex

Renders a div with display: flex;

Flex
Box
<Flex
    backgroundColor="Primary"
    padding={3}
>
    <Box color="Secondary">
        Flex
    </Box>
    <Box color="Tertiary">
        Box
    </Box>
</Flex>
<Flex
    backgroundColor="Primary"
    padding={3}
>
    <Box color="Secondary">
        Flex
    </Box>
    <Box color="Tertiary">
        Box
    </Box>
</Flex>
Live Demo