Scrolling dialog content

It can be hard to find enough vertical space to fit all of your content into a dialog. When the dialog runs out of space, a vertical scrollbar is added.

How to do it...

Let's say that you have a long table of data that you need to display in a dialog for the user before exporting to another format. The user will need the ability to scroll through the table rows. Here's an example:

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

import Button from '@material-ui/core/Button';
import Dialog from '@material-ui/core/Dialog';
import DialogTitle from '@material-ui/core/DialogTitle';
import DialogContent from '@material-ui/core/DialogContent';
import...