MapComplete/src/UI/Base/Loading.svelte

16 lines
400 B
Svelte

<script lang="ts">
import ToSvelte from "./ToSvelte.svelte"
import Svg from "../../Svg"
import { twMerge } from "tailwind-merge"
export let cls: string = undefined
</script>
<div class={twMerge("flex p-1 pl-2", cls)}>
<div class="min-w-6 h-6 w-6 animate-spin self-center shrink-0">
<ToSvelte construct={Svg.loading_svg()} />
</div>
<div class="ml-2">
<slot />
</div>
</div>