Pending_Animation #

import Pending_Animation from '@ryanatkn/fuz/Pending_Animation.svelte';
<Pending_Animation running={true} />
<Pending_Animation
	attrs={{class: 'size_xl5'}}
	running={true}
/>

With custom children
#

<div
	style:font-size="var(--size_xl6)"
	style:--animation_duration="var(--duration_6)"
>
	<Pending_Animation running={false}>
		{🐢}
	</Pending_Animation>
</div>

with children

🐢🐢🐢

With children index prop
#

<Pending_Animation running={false}>
	{#snippet children(index)}
		<div class="row box">
			{🐸}
			{index}
			<span class="size_xl5">
				{}
			</span>}
		</div>
	{/snippet}
</Pending_Animation>

with running={}

and children

🐸 0
🐸 1
🐸 2