diff --git a/.gitignore b/.gitignore index 9b26ed0..8c71477 100644 --- a/.gitignore +++ b/.gitignore @@ -1,2 +1,3 @@ node_modules -lib \ No newline at end of file +lib +.idea \ No newline at end of file diff --git a/src/components/Col.js b/src/components/Col.js new file mode 100644 index 0000000..804f1bc --- /dev/null +++ b/src/components/Col.js @@ -0,0 +1,35 @@ +import React, { PropTypes } from 'react' +import EmailPropTypes from '../PropTypes' +import includeDataProps from '../includeDataProps' + +export default function Col(props) { + return ( + + {props.children} + + ) +} + +Col.propTypes = { + className: PropTypes.string, + bgcolor: PropTypes.string, + colSpan: PropTypes.number, + align: PropTypes.oneOf(['left', 'center', 'right']), + valign: PropTypes.oneOf(['top', 'middle', 'bottom']), + style: EmailPropTypes.style, + children: PropTypes.node, +} + +Col.defaultProps = { + className: null, + bgcolor: null, + align: 'center', + valign: 'top', + style: null, +} diff --git a/src/components/Row.js b/src/components/Row.js new file mode 100644 index 0000000..379c034 --- /dev/null +++ b/src/components/Row.js @@ -0,0 +1,33 @@ +import React, { PropTypes } from 'react' +import EmailPropTypes from '../PropTypes' +import includeDataProps from '../includeDataProps' + +export default function Row(props) { + return ( + + {props.children} + + ) +} + +Row.propTypes = { + className: PropTypes.string, + bgcolor: PropTypes.string, + align: PropTypes.oneOf(['left', 'center', 'right']), + valign: PropTypes.oneOf(['top', 'middle', 'bottom']), + style: EmailPropTypes.style, + children: PropTypes.node, +} + +Row.defaultProps = { + className: null, + bgcolor: null, + align: 'center', + valign: 'top', + style: null, +} diff --git a/src/index.js b/src/index.js index df7e766..148683a 100644 --- a/src/index.js +++ b/src/index.js @@ -3,6 +3,8 @@ import Box from './components/Box' import Email from './components/Email' import Image from './components/Image' import Item from './components/Item' +import Row from './components/Row' +import Col from './components/Col' import Span from './components/Span' import A from './components/A' import injectReactEmailAttributes from './injectReactEmailAttributes' @@ -20,6 +22,8 @@ export { Email, Image, Item, + Row, + Col, Span, A, injectReactEmailAttributes,