mirror of https://github.com/sveltejs/svelte
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
26 lines
508 B
26 lines
508 B
6 years ago
|
<script>
|
||
|
import { fly } from 'svelte/transition';
|
||
|
|
||
|
let visible = true;
|
||
|
let status = 'waiting...';
|
||
|
</script>
|
||
|
|
||
|
<p>status: {status}</p>
|
||
|
|
||
|
<label>
|
||
1 year ago
|
<input type="checkbox" bind:checked={visible} />
|
||
6 years ago
|
visible
|
||
|
</label>
|
||
|
|
||
|
{#if visible}
|
||
|
<p
|
||
1 year ago
|
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')}
|
||
6 years ago
|
>
|
||
|
Flies in and out
|
||
|
</p>
|
||
1 year ago
|
{/if}
|