15 lines
307 B
Svelte
15 lines
307 B
Svelte
<script>
|
|
import { slide } from "svelte/transition";
|
|
/** @type {string} */
|
|
export let key;
|
|
|
|
/** @type {number} */
|
|
export let duration = 300;
|
|
</script>
|
|
|
|
{#key key}
|
|
<div in:slide|global={{ duration, delay: duration }} out:slide|global={{ duration }}>
|
|
<slot />
|
|
</div>
|
|
{/key}
|