reactjsmaterial-uifrontendpopoverpopper

What is the core difference between material ui popover and popper ? Any diff use cases?


Material UI is documentation is unarguably most close to perfect open source project docs for react developers but there are some unclear things like exact difference between Popover and Popper. Can someone explain me in short what is the core difference between this two ??


Solution

  • As it's explained in the doc :

    Popover

    Things to know when using the Popover component:

    The component is built on top of the Modal component. The scroll and click away are blocked unlike with the Popper component.

    Popper

    Clicking away does not hide the Popper component. If you need this behavior, you can use ClickAwayListener - see the example in the menu documentation section.