@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>
);