Loading Spinner
Animated loading spinner
Preview
Spinner Sizes
With Label
Loading, please wait...
{ window.Prism.highlightElement($refs.codeEl) }) }"
class="w-full flex items-center justify-between px-6 py-4 text-left bg-gray-50 dark:bg-gray-900 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors cursor-pointer">
View Code
<div class="flex space-x-4">
<div class="w-8 h-8 border-4 border-blue-600 border-t-transparent rounded-full animate-spin"></div>
<div class="w-10 h-10 border-4 border-green-600 border-t-transparent rounded-full animate-spin"></div>
<div class="w-12 h-12 border-4 border-purple-600 border-t-transparent rounded-full animate-spin"></div>
</div>