diff --git a/docs/data/material/components/popover/MouseOverPopover.js b/docs/data/material/components/popover/MouseHoverPopover.js similarity index 96% rename from docs/data/material/components/popover/MouseOverPopover.js rename to docs/data/material/components/popover/MouseHoverPopover.js index bd5fe5422818bd..83a57ffd90aa62 100644 --- a/docs/data/material/components/popover/MouseOverPopover.js +++ b/docs/data/material/components/popover/MouseHoverPopover.js @@ -2,7 +2,7 @@ import * as React from 'react'; import Popover from '@mui/material/Popover'; import Typography from '@mui/material/Typography'; -export default function MouseOverPopover() { +export default function MouseHoverPopover() { const [anchorEl, setAnchorEl] = React.useState(null); const handlePopoverOpen = (event) => { diff --git a/docs/data/material/components/popover/MouseOverPopover.tsx b/docs/data/material/components/popover/MouseHoverPopover.tsx similarity index 96% rename from docs/data/material/components/popover/MouseOverPopover.tsx rename to docs/data/material/components/popover/MouseHoverPopover.tsx index fd713c0b17e705..2891baf1863157 100644 --- a/docs/data/material/components/popover/MouseOverPopover.tsx +++ b/docs/data/material/components/popover/MouseHoverPopover.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import Popover from '@mui/material/Popover'; import Typography from '@mui/material/Typography'; -export default function MouseOverPopover() { +export default function MouseHoverPopover() { const [anchorEl, setAnchorEl] = React.useState(null); const handlePopoverOpen = (event: React.MouseEvent) => { diff --git a/docs/data/material/components/popover/popover.md b/docs/data/material/components/popover/popover.md index 5379cf0ecf4176..ef9801792a7320 100644 --- a/docs/data/material/components/popover/popover.md +++ b/docs/data/material/components/popover/popover.md @@ -30,11 +30,11 @@ the position of the popover. {{"demo": "AnchorPlayground.js", "hideToolbar": true}} -## Mouse over interaction +## Mouse hover interaction -This demo demonstrates how to use the `Popover` component and the mouseover event to achieve popover behavior. +This demo demonstrates how to use the `Popover` component with `mouseenter` and `mouseleave` events to achieve popover behavior. -{{"demo": "MouseOverPopover.js"}} +{{"demo": "MouseHoverPopover.js"}} ## Virtual element