Spinners
1. Default Spinner
Copy
2. Spinners with Color
Copy

You can change the colors of the spinner element using the fill and color utility classes from Tailwind CSS:

  • use fill-{*} to change the main colors
  • use text-{*} to change the background
3. Spinner Sizing
Copy

Change the size of the spinner component using the h-{*} and w-{*} utility classes from Tailwind CSS:

4. Spinner Alignment
Copy

Because the spinner component is an inline HTML element it can easily be aligned on the left, center, or right side using the text-{ left | center | right } utility classes:

5. Buttons with spinner
Copy