<Column>
demo
const React = require('react');
const ReactDOM = require('react-dom/server');
const Base = require('../base');
const Container = require('../container');
const Row = require('../row');
const Column = require('./index');
const styles = {
base: {
backgroundColor: '#FFEBEE'
},
row: {
backgroundColor: '#EF5350'
},
column: {
backgroundColor: '#B71C1C',
textAlign: 'center',
color: 'white'
}
};
nmodule.exports = ReactDOM.renderToString(
<Base style={styles.base}>
<Row style={styles.row} around>
<Column style={styles.column} xs={2}>1</Column>
<Column style={styles.column} xs={2}>2</Column>
<Column style={styles.column} xs={2}>3</Column>
</Row>
</Base>
);
usage
const React = require('react');
const Container = require('ui/container');
const Row = require('ui/row');
const Column = require('ui/column');
module.exports = () => {
return (
<Row around>
<Column xs={2}>1</Column>
<Column xs={2}>2</Column>
<Column xs={2}>3</Column>
</Row>
);
};