[docs][material-ui][Popover] Fix description and title of hover inter…

…action section (#43290)
mui · Aug 15, 2024 · 5fefa49 · 5fefa49
1 parent 7bb72d3
commit 5fefa49
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/...al/components/popover/MouseOverPopover.js → ...l/components/popover/MouseHoverPopover.js b/...al/components/popover/MouseOverPopover.js → ...l/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/...l/components/popover/MouseOverPopover.tsx → .../components/popover/MouseHoverPopover.tsx b/...l/components/popover/MouseOverPopover.tsx → .../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<HTMLElement | null>(null);
 
   const handlePopoverOpen = (event: React.MouseEvent<HTMLElement>) => {

diff --git 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