Материал-диалог в стиле UI / модальный фон

Question

Как мне разработать стиль прозрачного темного наложения диалогового окна Material-UI или модального? Я использую материал-UI / React / Typescript.

Вместо прозрачной темноты я хочу, чтобы она была прозрачной белой. Я бы предпочел решение JSS , но приветствуется встроенный стиль.

Answer 1

Вы можете использовать BackdropProps свойство модального:

<Modal
          aria-labelledby="simple-modal-title"
          aria-describedby="simple-modal-description"
          open={this.state.open}
          onClose={this.handleClose}
          BackdropProps= {{
              classes: {
                  root: classes.backDrop
              }
          }}
        >

и в вашем стиле объект:

...
backDrop: {
    background: 'rgba(255,255,255,0.2)',
  },