Skip to main content

Popper

The Popper component displays content on top of other content. The component API is an alternative to the react-popper and relies on a 3rd party library, Popper.js, for perfect positioning.

When you add a Popper component to a page, a Button component that controls the state of the Popper is automatically added for you. Other components, such as an Icon or Image, can also be used.

Style Attributes‚Äč

NameTypeDefaultDescription
placementauto-end
auto-start
auto
bottom-end
bottom-start
bottom
left-end
left-start
left
right-end
right-start
right
top-end
top-start
top
bottomDefines the positioning of the component on the page.

For more detail on the Popper component, see the MUI developer docs.

on this page
Was this article useful?
89% of our users said this content was useful.