Props

Determine the max-width of the dialog. The dialog width grows with the size of the screen. Set to false to disable maxWidth.

Determine the container for scrolling the dialog.

The component used to render the body of the dialog.

Props applied to the Paper element.

The component used for the transition. Follow this guide to learn more about the requirements for this component.

Props applied to the Transition element.

The id(s) of the element(s) that describe the dialog.

The id(s) of the element(s) that label the dialog.

Dialog children, usually the included sub-components.

Override or extend the styles applied to the component. See CSS API below for more details.

If true, hitting escape will not fire the onClose callback.

If true, the dialog will be full-screen

If true, the dialog stretches to maxWidth.

Notice that the dialog width grow is limited by the default margin.

Callback fired when the component requests to be closed.

If true, the Dialog is open.

The duration for the transition, in milliseconds. You may specify a single timeout for all transitions, or individually with an object.

If true, clicking the backdrop will not fire the onClose callback.

Callback fired when the backdrop is clicked.

Callback fired before the dialog enters.

Callback fired when the dialog has entered.

Callback fired when the dialog is entering.

Callback fired when the escape key is pressed, disableKeyboard is false and the modal is in focus.

Callback fired before the dialog exits.

Callback fired when the dialog has exited.

Callback fired when the dialog is exiting.