diff options
Diffstat (limited to 'src/lib/Utility/Loading.svelte')
| -rw-r--r-- | src/lib/Utility/Loading.svelte | 18 |
1 files changed, 14 insertions, 4 deletions
diff --git a/src/lib/Utility/Loading.svelte b/src/lib/Utility/Loading.svelte index 92cbc1ac..3d1eeec6 100644 --- a/src/lib/Utility/Loading.svelte +++ b/src/lib/Utility/Loading.svelte @@ -1,13 +1,23 @@ <script lang="ts"> - export let type: string | undefined = undefined; - export let percent: number | undefined = undefined; - export let card = true; + interface Props { + type?: string | undefined; + percent?: number | undefined; + card?: boolean; + children?: import('svelte').Snippet; + } + + let { + type = undefined, + percent = undefined, + card = true, + children + }: Props = $props(); </script> <div class:card> {#if type} Loading {type} ...{percent ? ` ${percent}%` : ''} {:else} - <slot /> + {@render children?.()} {/if} </div> |