Update Docs for Popover (#2182)

* Update popover.mdx * Update showcase.tsx
chakra-ui · Jan 20, 2025 · 6bc21ec · 6bc21ec
1 parent 1487224
commit 6bc21ec
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/website/components/showcase.tsx b/website/components/showcase.tsx
@@ -265,8 +265,8 @@ const components = {
         modal: false,
         portalled: false,
         autoFocus: true,
-        closeOnBlur: true,
-        closeOnEsc: true,
+        closeOnInteractOutside: true,
+        closeOnEscape: true,
       }}
     />
   ),

diff --git a/website/data/components/popover.mdx b/website/data/components/popover.mdx
@@ -109,23 +109,23 @@ const [state, send] = useMachine(
 The popover is designed to close on blur and when the `esc` key is pressed.
 
 To prevent it from closing on blur (clicking or focusing outside), pass the
-`closeOnBlur` property and set it to `false`.
+`closeOnInteractOutside` property and set it to `false`.
 
 ```jsx {3}
 const [state, send] = useMachine(
   popover.machine({
-    closeOnBlur: true,
+    closeOnInteractOutside: true,
   }),
 )
 ```
 
-To prevent it from closing when the `esc` key is pressed, pass the `closeOnEsc`
+To prevent it from closing when the `esc` key is pressed, pass the `closeOnEscape`
 property and set it to `false`.
 
 ```jsx {3}
 const [state, send] = useMachine(
   popover.machine({
-    closeOnEsc: true,
+    closeOnEscape: true,
   }),
 )
 ```