ant-design/components/layout/row.jsx
2016-02-17 18:04:42 +08:00

26 lines
690 B
JavaScript

import React from 'react';
import classNames from 'classnames';
const Row = React.createClass({
propTypes: {
type: React.PropTypes.string,
align: React.PropTypes.string,
justify: React.PropTypes.string,
className: React.PropTypes.string,
children: React.PropTypes.node,
},
render() {
const { type, justify, align, className, ...others } = this.props;
const classes = classNames({
row: true,
[`row-${type}`]: type,
[`row-${type}-${justify}`]: justify,
[`row-${type}-${align}`]: align,
[className]: className,
});
return <div {...others} className={classes}>{ this.props.children }</div>;
},
});
export default Row;