diff options
| author | Fuwn <[email protected]> | 2024-01-04 18:53:23 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-01-04 18:53:23 -0800 |
| commit | 731363ed66cfd9926421220a258c7b8c36907e51 (patch) | |
| tree | e077f2f541ff22e1296a4edd536aa54bb8dd1eda /src/lib/Loading.svelte | |
| parent | refactor(wrapped): loading cards (diff) | |
| download | due.moe-731363ed66cfd9926421220a258c7b8c36907e51.tar.xz due.moe-731363ed66cfd9926421220a258c7b8c36907e51.zip | |
feat: loading and error cards
Diffstat (limited to 'src/lib/Loading.svelte')
| -rw-r--r-- | src/lib/Loading.svelte | 13 |
1 files changed, 13 insertions, 0 deletions
diff --git a/src/lib/Loading.svelte b/src/lib/Loading.svelte new file mode 100644 index 00000000..829a3a45 --- /dev/null +++ b/src/lib/Loading.svelte @@ -0,0 +1,13 @@ +<script lang="ts"> + export let type: string | undefined = undefined; + export let percent: number | undefined = undefined; + export let card = true; +</script> + +<div class:card> + {#if type} + Loading {type} ...{percent ? ` ${percent}%` : ''} + {:else} + <slot /> + {/if} +</div> |