Using menu transitions

You can change the transition that's used by the Menu component. By default, Menu uses the Grow transition component.

How to do it...

To demonstrate how to apply different transitions to the Menu component, we'll add some transition options to Storybook for this example. You can change the transition component that's used, as well as the duration of the transition using the following code:

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

import { makeStyles } from '@material-ui/styles';
import Button from '@material-ui/core/Button';
import Menu from '@material-ui/core/Menu';
import MenuItem from '@material-ui/core/MenuItem';
import Collapse...