A pre-configured Flex component that arranges children vertically.
import {Col} from 'muitils'// orimport {Col} from 'muitils/Flex' Copy
import {Col} from 'muitils'// orimport {Col} from 'muitils/Flex'
<Col center={['x', 'y']}> <div>Item 1</div> <div>Item 2</div></Col> Copy
<Col center={['x', 'y']}> <div>Item 1</div> <div>Item 2</div></Col>
<Col layout={{x:'space-between', y:'center'}}> <div>Item 1</div> <div>Item 2</div></Col> Copy
<Col layout={{x:'space-between', y:'center'}}> <div>Item 1</div> <div>Item 2</div></Col>
<Col reverse> <div>Item 1</div> <div>Item 2</div></Col> Copy
<Col reverse> <div>Item 1</div> <div>Item 2</div></Col>
Description
A pre-configured Flex component that arranges children vertically.
Importing
Example
Example
Example