Merge pull request #1390 from MetalMatze/feature/snackbar-events

Add snackbar callbacks for onShow and onDismiss with documentation
mui · Aug 13, 2015 · f17eeb8 · f17eeb8
2 parents 538979a + 78de37d
commit f17eeb8
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/docs/src/app/components/pages/components/snackbar.jsx b/docs/src/app/components/pages/components/snackbar.jsx
@@ -75,6 +75,16 @@ class SnackbarPage extends React.Component {
             name: 'onActionTouchTap',
             header: 'function(e)',
             desc: 'Fired when the action button is touchtapped.'
+          },
+          {
+            name: 'onDismiss',
+            header: 'function()',
+            desc: 'Fired when the snackbar is dismissed.'
+          },
+          {
+            name: 'onShow',
+            header: 'function()',
+            desc: 'Fired when the snackbar is shown.'
           }
         ]
       }
@@ -93,7 +103,7 @@ class SnackbarPage extends React.Component {
         <br />
 
         <TextField
-          floatingLabelText="Auto Hide Duration"
+          floatingLabelText="Auto Hide Duration in ms"
           value={this.state.autoHideDuration}
           onChange={this._updateAutoHideDuration} />
 

diff --git a/src/snackbar.jsx b/src/snackbar.jsx
@@ -24,6 +24,8 @@ const Snackbar = React.createClass({
     action: React.PropTypes.string,
     autoHideDuration: React.PropTypes.number,
     onActionTouchTap: React.PropTypes.func,
+    onShow: React.PropTypes.func,
+    onDismiss: React.PropTypes.func,
     openOnMount: React.PropTypes.bool,
   },
 
@@ -151,11 +153,13 @@ const Snackbar = React.createClass({
 
   show() {
     this.setState({ open: true });
+    if (this.props.onShow) this.props.onShow();
   },
 
   dismiss() {
     this._clearAutoHideTimer();
     this.setState({ open: false });
+    if (this.props.onDismiss) this.props.onDismiss();
   },
 
   _clearAutoHideTimer() {