Components
A circular loading spinner with a rotating clock-hand tick that inherits the current text color.
Loading preview...
import { ClockRing } from "@/components/ui/clock-ring";
export default function ClockRingDemo() {
return (
<div className="flex min-h-[300px] w-full items-center justify-center bg-background text-foreground">
<ClockRing className="size-10 text-primary" />
</div>
);
}