diff --git a/docs/app/components/content/examples/modal/ModalProgrammaticExample.vue b/docs/app/components/content/examples/modal/ModalProgrammaticExample.vue
index e54fa0ea..b80c63ef 100644
--- a/docs/app/components/content/examples/modal/ModalProgrammaticExample.vue
+++ b/docs/app/components/content/examples/modal/ModalProgrammaticExample.vue
@@ -6,14 +6,12 @@ const count = ref(0)
 const toast = useToast()
 const overlay = useOverlay()
 
-const modal = overlay.create(LazyModalExample, {
-  props: {
-    count: count.value
-  }
-})
+const modal = overlay.create(LazyModalExample)
 
 async function open() {
-  const instance = modal.open()
+  const instance = modal.open({
+    count: count.value
+  })
 
   const shouldIncrement = await instance.result
 
diff --git a/docs/app/components/content/examples/slideover/SlideoverProgrammaticExample.vue b/docs/app/components/content/examples/slideover/SlideoverProgrammaticExample.vue
index 0e37145d..fc56f72c 100644
--- a/docs/app/components/content/examples/slideover/SlideoverProgrammaticExample.vue
+++ b/docs/app/components/content/examples/slideover/SlideoverProgrammaticExample.vue
@@ -6,14 +6,12 @@ const count = ref(0)
 const toast = useToast()
 const overlay = useOverlay()
 
-const slideover = overlay.create(LazySlideoverExample, {
-  props: {
-    count: count.value
-  }
-})
+const slideover = overlay.create(LazySlideoverExample)
 
 async function open() {
-  const instance = slideover.open()
+  const instance = slideover.open({
+    count: count.value
+  })
 
   const shouldIncrement = await instance.result