All components
Feedback
stable

Spinner

Spinner: Compact loading spinner for buttons and small placeholders.

Preview
spinner

Import

tsx
import { Spinner } from "@/components/ui/spinner";
bash
npx sui add spinner

Source

From components/ui/spinner.tsx

tsx
import { cn } from "@/src/lib/utils";
import { Loader2 } from "lucide-react";

export const Spinner = ({ className }: { className?: string }) => {
  return <Loader2 className={cn("h-4 w-4 animate-spin", className)} />;
};