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.
22 lines
414 B
22 lines
414 B
6 years ago
|
<script>
|
||
3 years ago
|
import Timer from './Timer.svelte';
|
||
6 years ago
|
|
||
3 years ago
|
let open = false;
|
||
6 years ago
|
let seconds = 0;
|
||
3 years ago
|
|
||
|
const toggle = () => (open = !open);
|
||
|
const handleTick = () => (seconds += 1);
|
||
6 years ago
|
</script>
|
||
|
|
||
3 years ago
|
<div>
|
||
|
<button on:click={toggle}>{open ? 'Close' : 'Open'} Timer</button>
|
||
|
<p>
|
||
|
The Timer component has been open for
|
||
1 year ago
|
{seconds}
|
||
|
{seconds === 1 ? 'second' : 'seconds'}
|
||
3 years ago
|
</p>
|
||
|
{#if open}
|
||
1 year ago
|
<Timer callback={handleTick} />
|
||
3 years ago
|
{/if}
|
||
|
</div>
|