copilot/ui/src/components/column/readme.md

# `<Column>`

## demo

```embed
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

```js
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>
  );
};
```