@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!