Tailwind CSS Spinner - Props
The following props are available for spinner component. These are the custom props that come with we've added for the spinner component and you can use all the other native props as well.
| Attribute | Type | Description | Default |
|---|---|---|---|
variant |
Variant | Change spinner variant | filled |
size |
Size | Change spinner size | md |
color |
Color | Change spinner color | blue |
full-width |
boolean |
Change spinner to a block level element | false |
align |
Align | Change align for spinner | '' |
show |
boolean |
Visibility state for spinner. | true |
Types - Variant
type variant = "filled"| "gradient"
Types - Size
type size = "sm" | "md" | "lg"
Types - Align
type align = "left" | "center" | "right"
Types - Color
type variant =
| "blue-gray"
| "gray"
| "brown"
| "deep-blue"
| "blue"
| "amber"
| "yellow"
| "lime"
| "light-green"
| "green"
| "teal"
| "cyan"
| "light-blue"
| "blue"
| "indigo"
| "deep-purple"
| "purple"
| "pink"
| "red"