React Material-UI Cookbook

How to do it...

The message property of the Snackbar component accepts a string value, or any other valid React element. Here's the code that shows you how to set the content of the Snackbar component and display it:

import React from 'react';import Snackbar from '@material-ui/core/Snackbar';const MySnackbarContent = () => <Snackbar open={true} message="Test" />;export default MySnackbarContent;

When the page first loads, you'll see a snackbar that looks like this: