En temel loading spinner kullanımı.
<Loading />
Farklı boyutlarda loading spinner örnekleri.
<Loading sizeVariant="sm" />
<Loading sizeVariant="md" />
<Loading sizeVariant="lg" />
<Loading sizeVariant="xl" />
Farklı tiplerde loading spinner örnekleri.
<Loading type="spinner" />
<Loading type="dots" />
<Loading type="skeleton" />
Loading spinner'ı açıklayıcı metin ile birlikte kullanım.
<div className="flex items-center gap-2">
<Loading />
<span>Yükleniyor...</span>
</div>
Loading spinner'ı buton içerisinde kullanım örneği.
<button className="flex items-center gap-2 px-4 py-2 bg-primary text-white rounded-md">
<Loading size="sm" className="text-white" />
<span>İşleniyor</span>
</button>
Sayfanın tamamını kaplayan loading örneği.
<Loading size="lg" />