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' |