diff --git a/svelte/demo/samples/accordion/Default.route.svelte b/svelte/demo/samples/accordion/Default.route.svelte
index 4abd0033bc..a07d191706 100644
--- a/svelte/demo/samples/accordion/Default.route.svelte
+++ b/svelte/demo/samples/accordion/Default.route.svelte
@@ -5,15 +5,15 @@
 
 <Accordion>
 	<AccordionItem itemVisible={true}>
-		<slot slot="itemHeader">Simple</slot>
-		<slot slot="itemBody">{BODY}</slot>
+		<svelte:fragment slot="itemHeader">Simple</svelte:fragment>
+		<svelte:fragment slot="itemBody">{BODY}</svelte:fragment>
 	</AccordionItem>
 	<AccordionItem>
-		<slot slot="itemHeader"><span>&#9733; <b>Fancy</b> title &#9733;</span></slot>
-		<slot slot="itemBody">{BODY}</slot>
+		<svelte:fragment slot="itemHeader"><span>&#9733; <b>Fancy</b> title &#9733;</span></svelte:fragment>
+		<svelte:fragment slot="itemBody">{BODY}</svelte:fragment>
 	</AccordionItem>
 	<AccordionItem itemDisabled={true}>
-		<slot slot="itemHeader">Disabled</slot>
-		<slot slot="itemBody">{BODY}</slot>
+		<svelte:fragment slot="itemHeader">Disabled</svelte:fragment>
+		<svelte:fragment slot="itemBody">{BODY}</svelte:fragment>
 	</AccordionItem>
 </Accordion>
diff --git a/svelte/demo/samples/accordion/Playground.route.svelte b/svelte/demo/samples/accordion/Playground.route.svelte
index fb67a4993b..d95eb57696 100644
--- a/svelte/demo/samples/accordion/Playground.route.svelte
+++ b/svelte/demo/samples/accordion/Playground.route.svelte
@@ -8,12 +8,12 @@
 {#key $props$}
 	<Accordion {...$props$}>
 		<AccordionItem>
-			<slot slot="itemHeader">Header 1</slot>
-			<slot slot="itemBody">Body 1</slot>
+			<svelte:fragment slot="itemHeader">Header 1</svelte:fragment>
+			<svelte:fragment slot="itemBody">Body 1</svelte:fragment>
 		</AccordionItem>
 		<AccordionItem>
-			<slot slot="itemHeader">Header 2</slot>
-			<slot slot="itemBody">Body 2</slot>
+			<svelte:fragment slot="itemHeader">Header 2</svelte:fragment>
+			<svelte:fragment slot="itemBody">Body 2</svelte:fragment>
 		</AccordionItem>
 	</Accordion>
 {/key}
diff --git a/svelte/demo/samples/accordion/TogglePanels.route.svelte b/svelte/demo/samples/accordion/TogglePanels.route.svelte
index b8cbee08f8..ee199e5470 100644
--- a/svelte/demo/samples/accordion/TogglePanels.route.svelte
+++ b/svelte/demo/samples/accordion/TogglePanels.route.svelte
@@ -10,12 +10,12 @@
 
 <Accordion bind:this={accordion}>
 	<AccordionItem itemId="first">
-		<slot slot="itemHeader">First panel</slot>
-		<slot slot="itemBody">{BODY}</slot>
+		<svelte:fragment slot="itemHeader">First panel</svelte:fragment>
+		<svelte:fragment slot="itemBody">{BODY}</svelte:fragment>
 	</AccordionItem>
 	<AccordionItem itemId="second" bind:this={secondAccordionItem}>
-		<slot slot="itemHeader">Second panel</slot>
-		<slot slot="itemBody">{BODY}</slot>
+		<svelte:fragment slot="itemHeader">Second panel</svelte:fragment>
+		<svelte:fragment slot="itemBody">{BODY}</svelte:fragment>
 	</AccordionItem>
 </Accordion>
 <hr />