Spinner

Setup

<script>
	import { Spinner } from 'svelte-5-ui-lib';
</script>

Interactive Spinner Builder

<Spinner/>

Button

<script lang="ts">
	import { Button, Spinner } from 'svelte-5-ui-lib';
</script>

<div class="space-y-2">
	<Button>
		<Spinner class="me-3" size="4" color="violet" />
		Loading ...
	</Button>
	<Button outline color="dark">
		<Spinner class="me-3" size="4" />
		Loading ...
	</Button>
</div>

Component data