Merge pull request mui#2104 from manuelmazzuola/issue#2104

[Snackbar] add bodyStyle property
tyfoo · Nov 10, 2015 · 4769528 · 4769528
2 parents 615c4eb + 369021d
commit 4769528
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/docs/src/app/components/pages/components/snackbar.jsx b/docs/src/app/components/pages/components/snackbar.jsx
@@ -55,6 +55,12 @@ export default class SnackbarPage extends React.Component {
             header: 'optional',
             desc: 'Override the inline-styles of the Snackbar\'s root element.',
           },
+          {
+            name: 'bodyStyle',
+            type: 'object',
+            header: 'optional',
+            desc: 'Override the inline-styles of the Snackbar\'s body element.',
+          },
         ],
       },
       {

diff --git a/src/snackbar.jsx b/src/snackbar.jsx
@@ -63,6 +63,7 @@ const Snackbar = React.createClass({
     onDismiss: React.PropTypes.func,
     openOnMount: React.PropTypes.bool,
     style: React.PropTypes.object,
+    bodyStyle: React.PropTypes.object,
   },
 
   //for passing default theme context to children
@@ -215,6 +216,7 @@ const Snackbar = React.createClass({
     const {
       onActionTouchTap,
       style,
+      bodyStyle,
       ...others,
     } = this.props;
     const styles = this.getStyles();
@@ -239,11 +241,13 @@ const Snackbar = React.createClass({
       );
     }
 
+    const mergedBodyStyle = this.mergeStyles(styles.body, bodyStyle);
+
     const contentStyle = open ? this.mergeStyles(styles.content, styles.contentWhenOpen) : styles.content;
 
     return (
       <div {...others} style={rootStyles}>
-        <div style={styles.body}>
+        <div style={mergedBodyStyle}>
           <div style={contentStyle}>
             <span>{message}</span>
             {actionButton}