An accessible loading spinner indicator built on Base UI styling conventions.
"use client"; import { Spinner } from "@/components/ui/spinner"; export default function Default() { return ( <div className="flex min-h-screen w-full items-center justify-center bg-background"> <div className="flex items-center gap-4 rounded-xl border bg-card px-8 py-6 text-card-foreground shadow-sm"> <Spinner className="size-10" /> <span className="text-lg font-medium">Loading document</span> </div> </div> ); }