add class name to content table

Keeper-Security · Sep 29, 2020 · 4b6557e · 4b6557e
1 parent e86a10f
commit 4b6557e
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "react-html-email",
   "description": "Create elegant HTML email templates using React.",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "keywords": [
     "react",
     "html",

diff --git a/src/components/Box.jsx b/src/components/Box.jsx
@@ -4,7 +4,7 @@ import EmailPropTypes from '../PropTypes'
 
 export default function Box({ children, ...props }) {
   return (
-    <table {...props}>
+    <table {...props} className={props.className}>
       <tbody>
         {children}
       </tbody>
@@ -13,6 +13,7 @@ export default function Box({ children, ...props }) {
 }
 
 Box.propTypes = {
+  className: PropTypes.string,
   cellPadding: PropTypes.number,
   cellSpacing: PropTypes.number,
   border: PropTypes.string,
@@ -26,6 +27,7 @@ Box.propTypes = {
 }
 
 Box.defaultProps = {
+  className: undefined,
   cellPadding: 0,
   cellSpacing: 0,
   border: '0',

diff --git a/src/components/Email.jsx b/src/components/Email.jsx
@@ -28,7 +28,7 @@ export default function Email(props) {
       >
         <Box width="100%" height="100%" bgcolor={props.bgcolor}>
           <Item align={props.align} valign={props.valign}>
-            <Box width={props.width} align="center" cellPadding={props.cellPadding} cellSpacing={props.cellSpacing} style={props.style}>
+            <Box className="content" width={props.width} align="center" cellPadding={props.cellPadding} cellSpacing={props.cellSpacing} style={props.style}>
               {props.children}
             </Box>
           </Item>