diff options
| author | Fuwn <[email protected]> | 2024-01-30 21:10:04 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-01-30 21:10:04 -0800 |
| commit | e225aed98b0fc931d53ddc9c1d56952f8285ec59 (patch) | |
| tree | b9f2045494782f5ce476f566ef3e8b49a8f65e12 /src/lib/Loading/Message.svelte | |
| parent | feat: more fancy loaders (diff) | |
| download | due.moe-e225aed98b0fc931d53ddc9c1d56952f8285ec59.tar.xz due.moe-e225aed98b0fc931d53ddc9c1d56952f8285ec59.zip | |
feat(loading): grid loader
Diffstat (limited to 'src/lib/Loading/Message.svelte')
| -rw-r--r-- | src/lib/Loading/Message.svelte | 5 |
1 files changed, 4 insertions, 1 deletions
diff --git a/src/lib/Loading/Message.svelte b/src/lib/Loading/Message.svelte index bdc7556a..b0fc1e40 100644 --- a/src/lib/Loading/Message.svelte +++ b/src/lib/Loading/Message.svelte @@ -1,9 +1,10 @@ <script lang="ts"> import Ellipsis from './Ellipsis.svelte'; import Ripple from './Ripple.svelte'; + import Grid from './Grid.svelte'; export let message: string | undefined = undefined; - export let loader: 'ellipsis' | 'ripple' = 'ellipsis'; + export let loader: 'ellipsis' | 'ripple' | 'grid' = 'ellipsis'; </script> <div class="card popup"> @@ -11,6 +12,8 @@ <Ellipsis /> {:else if loader === 'ripple'} <Ripple /> + {:else if loader === 'grid'} + <Grid /> {/if} {#if message} |