@another-ui/flex
Just another flex layout for React
Usage
import React from 'react';
import { Flex } from '@another-ui/flex';
import '@another-ui/flex/dist/flex.css';
export const Example = () => (
<Flex
align="stretch"
direction="row"
justify="center"
wrap
>
<Flex
align="center"
direction="column"
grow
justify="start"
shrink
>
<Flex basis={50} grow>Flex</Flex>
<Flex basis={25} shrink>Flex</Flex>
</Flex>
</Flex>
);