Dialog
Dialogs inform users about a task and can contain critical information, require decisions, or involve multiple tasks.
Basic Dialog
Confirmation Dialog
Full-Width Dialog
Usage
import Dialog from '@mui/material/Dialog';
import DialogTitle from '@mui/material/DialogTitle';
import DialogContent from '@mui/material/DialogContent';
import DialogActions from '@mui/material/DialogActions';
<Dialog open={open} onClose={handleClose}>
<DialogTitle>Title</DialogTitle>
<DialogContent>Content here.</DialogContent>
<DialogActions>
<Button onClick={handleClose}>Cancel</Button>
<Button variant="contained">Confirm</Button>
</DialogActions>
</Dialog>