You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
37 lines
773 B
37 lines
773 B
9 years ago
|
import React from 'react';
|
||
|
|
|
||
|
|
const Col = React.createClass({
|
||
|
|
propTypes: {
|
||
|
|
span: React.PropTypes.string,
|
||
|
|
order: React.PropTypes.string,
|
||
|
|
offset: React.PropTypes.string,
|
||
|
|
push: React.PropTypes.string,
|
||
|
|
pull: React.PropTypes.string,
|
||
|
|
children: React.PropTypes.node,
|
||
|
|
},
|
||
|
|
|
||
|
|
render() {
|
||
|
|
const {span, order, offset, push, pull } = this.props;
|
||
|
|
let className = `col-${span}`;
|
||
|
|
|
||
|
|
if (order) {
|
||
|
|
className += ` col-order-${order}`;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (offset) {
|
||
|
|
className += ` col-offset-${offset}`;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (push) {
|
||
|
|
className += ` col-push-${push}`;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (pull) {
|
||
|
|
className += ` col-pull-${pull}`;
|
||
|
|
}
|
||
|
|
return <div {...this.props} className={className}>{ this.props.children }</div>;
|
||
|
|
},
|
||
|
|
});
|
||
|
|
|
||
|
|
export default Col;
|