Loading

Loading indicator is used for loading or updating. You can add the .loading class to a container for loading status.

<div class="loading"></div>

Add the .loading-lg class for large size.

<div class="loading loading-lg"></div>

Or you can also control the size with utility classes. You can also change the colour of the spinner with border classes.

<div class="loading after:h-20 after:w-20 after:-mt-10 after:-ml-10 after:border-8 after:border-red-500"></div>