aboutsummaryrefslogtreecommitdiff
path: root/src/lib/Utility/Loading.svelte
diff options
context:
space:
mode:
Diffstat (limited to 'src/lib/Utility/Loading.svelte')
-rw-r--r--src/lib/Utility/Loading.svelte18
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>