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

[Anonymous]

Я работаю над проектом React с использованием MUI, и мне нужно позиционировать компонент диалога в верхнем правом углу экрана.
Кроме того, я не хочу, чтобы наложение по умолчанию было показано. PrettyPrint-Override ">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