mirror of
https://github.com/sveltejs/svelte.git
synced 2024-12-01 17:30:59 +01:00
25 lines
507 B
Svelte
25 lines
507 B
Svelte
<script>
|
|
import { fly } from 'svelte/transition';
|
|
|
|
let visible = true;
|
|
let status = 'waiting...';
|
|
</script>
|
|
|
|
<p>status: {status}</p>
|
|
|
|
<label>
|
|
<input type="checkbox" bind:checked={visible}>
|
|
visible
|
|
</label>
|
|
|
|
{#if visible}
|
|
<p
|
|
transition:fly="{{ y: 200, duration: 2000 }}"
|
|
on:introstart="{() => status = 'intro started'}"
|
|
on:outrostart="{() => status = 'outro started'}"
|
|
on:introend="{() => status = 'intro ended'}"
|
|
on:outroend="{() => status = 'outro ended'}"
|
|
>
|
|
Flies in and out
|
|
</p>
|
|
{/if} |