Skip to content
+

Popper

The Popper component lets you create tooltips and popovers that display information about an element on the page.

Popper API

Import

import { Popper } from '@mui/base/Popper';
// or
import { Popper } from '@mui/base';
Learn about the difference by reading this guide on minimizing bundle size.

Props

Props of the native component are also available.

openRequired

anchorEl

children

container

direction

disablePortal

keepMounted

modifiers

placement

popperOptions

popperRef

slotProps

slots

transition


The ref is forwarded to the root element.

CSS

.null-root


You can override the style of the component using one of these customization options: