React Material-UI Cookbook

How to do it...

Let's say that your application allows for the creation of new users. For example, from the screen that shows a list of users, the user clicks on a button that shows a dialog containing the fields for creating a new user. Here's an example of how to do this:

import React, { Fragment, useState } from 'react';import Button from '@material-ui/core/Button';import TextField from '@material-ui/core/TextField';import Dialog from '@material-ui/core/Dialog';import DialogActions from '@material-ui/core/DialogActions';import DialogContent from '@material-ui/core/DialogContent';import DialogContentText from '@material-ui/core/DialogContentText';import DialogTitle from '@material-ui/core/DialogTitle';import Snackbar from '@material-ui/core/Snackbar'; ...