MapComplete/src/UI/Base/Loading.svelte

16 lines
396 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">
<ToSvelte construct={Svg.loading_svg()} />
</div>
<div class="ml-2">
<slot />
</div>
</div>