CODEWITHSUNDEEP
reactjsmaterial-ui
Asif Kabani
Asif Kabani

Reputation: 407

Material UI dialog popup with an icon on top?

I want to use a dialog with an icon at the top such as this:

Image

This is currently what I am getting:

enter image description here

Upvotes: 0

Views: 808

Answers (1)

Eugene
Eugene

Reputation: 10045

Set the container overflow css property to visible

.popupContainer {
  overflow: visible;
}

Or make the icon's position absolute and give it a proper z-index

.popupContainer {
  position: relative;
}
.icon {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  z-index: 100;
}

Upvotes: 2

Related Questions