diff --git a/docs/src/pages/components/snackbars/snackbars.md b/docs/src/pages/components/snackbars/snackbars.md
index 12b58c5d1332b2..3bd954d7f0c0e7 100644
--- a/docs/src/pages/components/snackbars/snackbars.md
+++ b/docs/src/pages/components/snackbars/snackbars.md
@@ -61,7 +61,7 @@ Snackbars should appear above FABs (on mobile).
 
 {{"demo": "pages/components/snackbars/FabIntegrationSnackbar.js", "iframe": true, "maxWidth": 400}}
 
-### Change Transition
+### Change transition
 
 [Grow](/components/transitions/#grow) is the default transition but you can use a different one.
 
@@ -71,6 +71,22 @@ Snackbars should appear above FABs (on mobile).
 
 You can change the direction of the [Slide](/components/transitions/#slide) transition.
 
+Example of making the slide transition to the left:
+
+```jsx
+import Slide from '@material-ui/core/Slide';
+
+function TransitionLeft(props) {
+  return <Slide {...props} direction="left" />;
+}
+
+export default function MyComponent() {
+  return <Snackbar TransitionComponent={TransitionLeft} />;
+}
+```
+
+Other examples:
+
 {{"demo": "pages/components/snackbars/DirectionSnackbar.js"}}
 
 ## Complementary projects