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'

Default Spinner

Button Spinner

References

Flowbite Spinner