@c8s/flex

A component for flex layout.

Usage

/**
 * As to prepare of using the `Flex`
 * 
 * ```sh
 * yarn add @c8s/flex react @types/react styled-components @types/styled-components
 * ```
 */
import Flex from '@c8s/flex';

Example

() => (
  <Flex.column style={{color: '#393939'}}>
    <Flex.row>
      <Flex.itemFluid.row>
        <Flex.itemFluid.column>
          <Flex.row.center>item1-1</Flex.row.center>
          <Flex.row>item1-2</Flex.row>
        </Flex.itemFluid.column>
      </Flex.itemFluid.row>
      <Flex.item>item2</Flex.item>
    </Flex.row>
    <Flex.row>Flex</Flex.row>
  </Flex.column>
);

Contributors

Thanks goes to these wonderful people (emoji key):

純 📖	Aki-Japan 📖

This project follows the all-contributors specification. Contributions of any kind welcome!