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.
27 lines
344 B
27 lines
344 B
3 years ago
|
<script>
|
||
|
let visible = true;
|
||
|
let data = 'Foo';
|
||
|
|
||
|
export function show() {
|
||
|
visible = true;
|
||
|
}
|
||
|
export function hide() {
|
||
|
visible = false;
|
||
|
data = 'Bar';
|
||
|
}
|
||
|
|
||
|
function fade(node) {
|
||
|
return {
|
||
|
duration: 100,
|
||
|
tick: t => {
|
||
|
node.foo = t;
|
||
|
}
|
||
|
};
|
||
|
}
|
||
|
</script>
|
||
|
|
||
|
{#if visible}
|
||
|
<div transition:fade>
|
||
|
<slot>{data}</slot>
|
||
|
</div>
|
||
|
{/if}
|