Как позиционировать диалог MUI в правом верхнем углу? ⇐ CSS

[Anonymous]

Я работаю над проектом React с использованием MUI, и мне нужно расположить диалоговый компонент в верхнем правом углу экрана. Кроме того, я не хочу, чтобы наложение по умолчанию было показано (фон).import { Dialog, DialogActions, DialogContent, DialogTitle, Button } from '@mui/material';

const MyDialog = () => {
return (

My Dialog

This is a dialog that should be in the top-right corner.


Close


);
};

export default MyDialog;

< /code>
Несмотря на установление позиции и попытки скрыть фон, диалог не показывает, как ожидалось, и фона все еще появляется. Чтобы достичь этого?
Заранее!

Подробнее здесь: https://stackoverflow.com/questions/797 ... ght-corner