Pending_Animation #

import Pending_Animation from '@ryanatkn/fuz/Pending_Animation.svelte';

<Pending_Animation />

The default animation has text children, so they scale with font-size.

Set size with custom properties:

<Pending_Animation --size="var(--size_xl5)" />

Set size with classes:

<Pending_Animation attrs={{class: 'size_xl3'}} />

Size is inherited by default:

<div class="size_xl4"><Pending_Animation /></div>

<Pending_Animation inline />

with inline={true} •••

<Pending_Animation --size="var(--size_xl6)">
	{🐢}
</Pending_Animation>

with children 🐢🐢🐢 * 2

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

with running={true}

and children

<Pending_Animation --animation_duration="var(--duration_6)" --size="var(--size_xl4)" />