Spinner
<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="w-4 h-4"/>
<Spinner size="w-6 h-6" />
<Spinner size="w-8 h-8"/>
Alignment
<Spinner align="text-left"/>
<Spinner align="text-center" />
<Spinner align="text-right"/>
Props
The component has the following props, type, and default values. See type-list page for type information.
Name | Type | Default |
---|---|---|
color | Colors | 'blue' |
bg | string | 'text-gray-200' |
size | string | 'w-8 h-8' |
align | AlignType | 'text-center' |