From c4f4a3dc2e09d1ddd002e8a0d0cbccb09c89ff0a Mon Sep 17 00:00:00 2001
From: Jatin Hemnani <73883835+jatinhemnani01@users.noreply.github.com>
Date: Fri, 2 Jul 2021 20:44:08 +0530
Subject: [PATCH] [docs] added transition on toggling folder in tutorial
 (#6453)

---
 .../17-special-elements/00-svelte-self/Folder.svelte       | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/site/content/examples/17-special-elements/00-svelte-self/Folder.svelte b/site/content/examples/17-special-elements/00-svelte-self/Folder.svelte
index f5f0a7b194..c65e177983 100644
--- a/site/content/examples/17-special-elements/00-svelte-self/Folder.svelte
+++ b/site/content/examples/17-special-elements/00-svelte-self/Folder.svelte
@@ -1,6 +1,7 @@
 <script>
 	import File from './File.svelte';
-
+	import {slide} from 'svelte/transition'
+	
 	export let expanded = false;
 	export let name;
 	export let files;
@@ -13,7 +14,7 @@
 <span class:expanded on:click={toggle}>{name}</span>
 
 {#if expanded}
-	<ul>
+	<ul transition:slide={{duration:300}}>
 		{#each files as file}
 			<li>
 				{#if file.type === 'folder'}
@@ -49,4 +50,4 @@
 	li {
 		padding: 0.2em 0;
 	}
-</style>
\ No newline at end of file
+</style>