update demo name and section title

mui · Aug 14, 2024 · 558357d · 558357d
1 parent 960992a
commit 558357d
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 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 with `mouseenter` and `mouseleave` events to achieve popover behavior.
 
-{{"demo": "MouseOverPopover.js"}}
+{{"demo": "MouseHoverPopover.js"}}
 
 ## Virtual element