From 960992a3a6839115f4797c569165ec18e64bdf4b Mon Sep 17 00:00:00 2001 From: ZeeshanTamboli Date: Tue, 13 Aug 2024 23:18:02 +0530 Subject: [PATCH 1/2] fix description --- docs/data/material/components/popover/popover.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/data/material/components/popover/popover.md b/docs/data/material/components/popover/popover.md index 5379cf0ecf4176..674791dff88859 100644 --- a/docs/data/material/components/popover/popover.md +++ b/docs/data/material/components/popover/popover.md @@ -32,7 +32,7 @@ the position of the popover. ## Mouse over 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"}} From 558357d5a68ca32bcc9b3e3dae21d537e7138b4c Mon Sep 17 00:00:00 2001 From: ZeeshanTamboli Date: Wed, 14 Aug 2024 09:45:17 +0530 Subject: [PATCH 2/2] update demo name and section title --- .../popover/{MouseOverPopover.js => MouseHoverPopover.js} | 2 +- .../popover/{MouseOverPopover.tsx => MouseHoverPopover.tsx} | 2 +- docs/data/material/components/popover/popover.md | 4 ++-- 3 files changed, 4 insertions(+), 4 deletions(-) rename docs/data/material/components/popover/{MouseOverPopover.js => MouseHoverPopover.js} (96%) rename docs/data/material/components/popover/{MouseOverPopover.tsx => MouseHoverPopover.tsx} (96%) 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 674791dff88859..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 with `mouseenter` and `mouseleave` events to achieve popover behavior. -{{"demo": "MouseOverPopover.js"}} +{{"demo": "MouseHoverPopover.js"}} ## Virtual element