# Spinner reference: [https://flowbite.com/docs/components/spinner/](https://flowbite.com/docs/components/spinner/) ## Basic example ```vue ``` ## Prop - size ```typescript type SpinnerSize = '0' | 'px' | '0.5' | '1' | '1.5' | '2' | '2.5' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12' defineProps({ size: { type: String as PropType, // any string for w-${size} and h-${size} tailwind classes default: '4', }, }) ``` ```vue ``` ## Prop - color ```typescript type SpinnerColor = 'blue' | 'gray' | 'green' | 'red' | 'yellow' | 'pink' | 'purple' | 'white' defineProps({ color: { type: String as PropType, default: 'blue', }, }) ``` ```vue ```