Spinner Components

<script>
	import { Spinner } from 'flowbite-svelte';
</script>

Colors

<Spinner />
<Spinner color="gray" />
<Spinner color="green" />
<Spinner color="red" />
<Spinner color="yellow" />
<Spinner color="pink" />
<Spinner color="purple" />

Sizes

<Spinner size="4" />
<Spinner size="6" />
<Spinner size="8" />

Alignment

<div class="text-left"><Spinner /></div>
<div class="text-center"><Spinner /></div>
<div class="text-right"><Spinner /></div>

Props

The component has the following props, type, and default values. See types page for type information.

Name Type Default
color Colors | undefined 'blue'
bg string 'text-gray-300'
size string '8'
currentFill string 'currentFill'
currentColor string 'currentColor'

References