A responsive grid of KPI stat card placeholders with label, value, and trend line skeletons for loading states.
import { Skeleton10 } from "@/components/ui/skeleton-10"; export default function Default() { return ( <div className="flex min-h-[400px] w-full items-center justify-center bg-background p-8"> <div className="w-full max-w-md"> <Skeleton10 /> </div> </div> ); }