Function: Dialog()

Dialog(props): Element

The Dialog component is a customizable modal dialog component. It integrates with Material-UI's Dialog components and provides additional features like responsive full-screen behavior and customizable titles and footers. It's props extend from Material UI's Dialog (opens in a new tab) component props, so every prop is interchangeable between those two.

Parameters

Parameter	Type	Description
`props`	`DialogProps`	Dialog component props

Returns

Element

See

MUI Dialog Component (opens in a new tab)
Storybook - Dialog (opens in a new tab)

Example

const [isOpen, setIsOpen] = useState(false);
 
<Dialog
  open={isOpen}
  handleClose={() => setIsOpen(false)}
  title="Dialog Title"
  dividers={true}
  footer={<div>Footer Content</div>}
>
  <p>Dialog content goes here</p>
</Dialog>

Defined in

packages/react-material-ui/src/components/Dialog/Dialog.tsx:53 (opens in a new tab)

CrudModule Drawer