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
variantVariant Change spinner variant filled
sizeSize Change spinner size md
colorColor Change spinner color blue
full-widthboolean Change spinner to a block level element false
alignAlign Change align for spinner ''
showboolean 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-orange"
  | "orange"
  | "amber"
  | "yellow"
  | "lime"
  | "light-blue"
  | "blue"
  | "teal"
  | "cyan"
  | "light-blue"
  | "blue"
  | "indigo"
  | "deep-purple"
  | "purple"
  | "pink"
  | "red"