Как изменить позицию диалога Material-UI?

Question

Используя material-ui в моем приложении реакции, есть ли способ изменить положение при открытии диалога? теперь он всегда в центре.

Заранее спасибо!

Answer 1

Вы можете создавать стили и передавать их через classes опору. Вот пример того, как вы могли бы сделать это.

import React from 'react';
import { makeStyles, Dialog } from '@material-ui/core';

const useStyles = makeStyles({
  dialog: {
    position: 'absolute',
    left: 10,
    top: 50
  }
});


function Example() {
  const classes = useStyles();

  return (
    <Dialog
      classes={{
        paper: classes.dialog
      }}

      /* rest of the props */
    >
      /* content of the dialog */
    </Dialog>
  );
}