Fix ReponsiveMenu persistent Dialog and Drawer examples

techniq · Aug 16, 2024 · 9ae17f0 · 9ae17f0
1 parent 2bf4c48
commit 9ae17f0
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/svelte-ux/src/routes/docs/components/ResponsiveMenu/+page.svelte b/packages/svelte-ux/src/routes/docs/components/ResponsiveMenu/+page.svelte
@@ -80,9 +80,9 @@
 
         <Toggle let:on={open} let:toggle={toggleDialog} on:toggleOff={closeMenu}>
           <MenuItem on:click={toggleDialog}>Open Persistent Dialog...</MenuItem>
-          <Dialog {open} on:close={toggleDialog} persistent let:close>
+          <Dialog {open} on:close={toggleDialog} persistent>
             <div slot="title">Are you sure you want to do that?</div>
-            <div slot="actions">
+            <div slot="actions" let:close>
               <Button variant="fill" color="primary" on:click={() => close({ force: true })}>
                 Close
               </Button>
@@ -101,8 +101,8 @@
 
         <Toggle let:on={open} let:toggle={toggleDrawer} let:toggleOff on:toggleOff={closeMenu}>
           <MenuItem on:click={toggleDrawer}>Open Persistent Drawer...</MenuItem>
-          <Drawer {open} on:close={toggleOff} class="w-[400px]" persistent let:close>
-            <div slot="actions">
+          <Drawer {open} on:close={toggleOff} class="w-[400px]" persistent>
+            <div slot="actions" let:close>
               <Button on:click={() => close({ force: true })}>Close</Button>
             </div>
           </Drawer>