Snackbar transitions

You can control the transitions used by Snackbar components when it is displayed and hidden. The Snackbar component directly supports transition customization through properties, so you don't have to spend too much time thinking about how to implement your snackbar transitions.

How to do it...

Let's say that you want to make it easier to change the transition used by snackbars throughout your application. You could create a thin wrapper component around Snackbar that takes care of setting the appropriate properties. Here's what the code looks like:

import React, { Fragment, useState } from 'react';

import Grid from '@material-ui/core/Grid';
import Button from '@material...