Dialog

The dialog component is used to display content in a dialog.

Demo

Props

open: The open state of the dialog.
onClose: The function to call when the dialog is closed.

Code Snippet

<div>
    <Button onClick={() => setDialogOpen(true)}>
        Click to open
    </Button>
    <Dialog
        open={dialogOpen}
        onClose={() => setDialogOpen(false)}
    >
        <DialogTitle>Dialog Title</DialogTitle>
        <DialogContent>Dialog Content</DialogContent>
        <DialogActions>
          <Button onClick={() => setDialogOpen(false)}>
            Close
          </Button>
        </DialogActions>
    </Dialog>
</div>