feat: create Transition component

forkpile · Jan 13, 2020 · 4afaf5b · 4afaf5b
1 parent d0e7513
commit 4afaf5b
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/src/components/Transition.svelte b/src/components/Transition.svelte
@@ -0,0 +1,16 @@
+<script>
+  import { onMount } from 'svelte'
+  import { fade } from 'svelte/transition'
+
+  let isMounted = false
+
+  onMount(() => {
+    isMounted = true
+  })
+</script>
+
+{#if isMounted}
+  <div transition:fade={{ duration: 500 }}>
+    <slot />
+  </div>
+{/if}