[docs] added transition on toggling folder in tutorial (#6453)

sveltejs · Jul 2, 2021 · c4f4a3d · c4f4a3d
1 parent 287cccc
commit c4f4a3d
Showing 1 changed file with 4 additions and 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
@@ -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>
+</style>