Added a shimmering Skeleton component. Integrated loading states for Hero, About (Bento Grid), Reading Log, Projects Archive, and Library pages for a premium UX.
17 lines
301 B
TypeScript
17 lines
301 B
TypeScript
import { cn } from "@/lib/utils";
|
|
|
|
export function Skeleton({
|
|
className,
|
|
...props
|
|
}: React.HTMLAttributes<HTMLDivElement>) {
|
|
return (
|
|
<div
|
|
className={cn(
|
|
"animate-pulse rounded-md bg-stone-200/50 dark:bg-stone-800/50",
|
|
className
|
|
)}
|
|
{...props}
|
|
/>
|
|
);
|
|
}
|