A loading placeholder skeleton that mimics a data table with rows and columns while content is fetching.
import { SkeletonTable } from "@/components/ui/uiable-skeleton-table"; 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-sm rounded-lg border border-border bg-card p-6"> <SkeletonTable /> </div> </div> ); }