LoadingSpinner
Loading spinner component with different sizes for various use cases.
Usage
import { LoadingSpinner } from "@/components/common/loading-spinner"
;<LoadingSpinner size="lg" />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
size | "sm" | "md" | "lg" | "md" | Spinner size |
className | string | - | Additional CSS classes |
Sizes
sm: 16pxmd: 24px (default)lg: 32px
Example
{
isLoading ? <LoadingSpinner size="lg" /> : <DataDisplay />
}
Full Page Loading
<div className="flex min-h-screen items-center justify-center">
<LoadingSpinner size="lg" />
</div>