diff --git a/src/SnackbarItem/SnackbarItem.js b/src/SnackbarItem/SnackbarItem.js index a50d5200..f20886cc 100644 --- a/src/SnackbarItem/SnackbarItem.js +++ b/src/SnackbarItem/SnackbarItem.js @@ -63,6 +63,7 @@ class SnackbarItem extends Component { iconVariant, snack, dense, + TransitionProps: otherTransitionProps = {}, ...other } = this.props; @@ -79,6 +80,7 @@ class SnackbarItem extends Component { anchorOrigin, requestClose, entered, + TransitionProps: singleTransitionProps = {}, ...singleSnackProps } = snack; @@ -90,6 +92,13 @@ class SnackbarItem extends Component { action: singleAction || singleContentProps.action || contentAction || action, }; + const transitionProps = { + direction: getTransitionDirection(anchorOrigin), + ...otherTransitionProps, + ...singleTransitionProps, + onExited: this.handleExitedScreen, + }; + const ariaDescribedby = contentProps['aria-describedby'] || 'client-snackbar'; let finalAction = contentProps.action; @@ -119,14 +128,11 @@ class SnackbarItem extends Component { onExited={this.handleExited(key)} >