Loading Model

By Pepijn Latour1d ago (Dec 15, 2025)
TypeScript

Loading Model

typescript
import "./Spinner.css";

export interface SpinnerProps {
    size?: "sm" | "md" | "lg" | "xl";
    className?: string;
}

const sizeMap = {
    sm: "32px",
    md: "48px",
    lg: "64px",
    xl: "80px",
};

export default function Spinner({ size = "md", className = "" }: SpinnerProps) {
    return (
        <div
            className={`sk-pulse ${className}`}
            style={{
                "--sk-size": sizeMap[size],
                "--sk-color": "#1F2937"
            } as React.CSSProperties}
        />
    );
}

Views

0

Lines

26

Characters

526

Likes

0

Details

Language
Tsx
Created
Dec 15, 2025
Updated
1d ago
Size
0.5 KB

Build your snippet library

Join thousands of developers organizing and sharing code snippets.