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