Files
flotilla/src/lib/components/Spinner.svelte
T
2026-06-15 10:39:01 -07:00

21 lines
501 B
Svelte

<script lang="ts">
import {slide, fade} from "svelte/transition"
interface Props {
loading?: boolean
children?: import("svelte").Snippet
}
const {loading = false, children}: Props = $props()
</script>
<span class="flex min-h-10 items-center">
{#if loading}
<span class="pr-3" transition:slide|local={{axis: "x"}}>
<span class="loading loading-dots text-primary" transition:fade|local={{duration: 100}}
></span>
</span>
{/if}
{@render children?.()}
</span>