React material UI tutorial 32: Popover component in Material UI

Join my newsletter 📰 (☝️) to get updated on new tutorials/blogs etc.

In this video, I will show you how to use Popover component in React Material-UI. Popover component can be used to show a small message over any other component. We will create one button, clicking on it will show one popover and if you click on outside, it will close.

If you have any question, please drop one comment below and please subscribe to my channel :)

#reactjs #materialui #materialuireact #popover

[muhammadadil]

Very very thank you sir i was stuck and your guidance help me a lot thank you

[ShubhamPatil-rron]

Please keep it up
I want to learn more react 💯☺️❣️

[luisandres]

You can do an example with the popover but modify it to have an arrow

[elezavala]

Hi there! What if I want to use multiple popovers on one Page/Component. When I create another popover element the previous one i created gets overridden by the new one

[manjunathamj]

While using styled components menu doesn't place correctly

[samislam]

what's the difference between transformOrigin and anchorOrigin

[patrikwihlke]

This MUI API is terrible... Why not simply allow the children of the Popover be the content to be show or hidden... You explained it well though.