Overview
Get Started
Spinner
A component for showing a loading indicator.
import { Spinner } from "@/components/ui/spinner";
export function SpinnerDemo() {
return <Spinner />;
}Installation
import { IconLoader2 } from "@tabler/icons-react";
import { cn } from "@/lib/cn";
function Spinner({ className, ...props }: React.ComponentProps<typeof IconLoader2>) {
return (
<IconLoader2
aria-label="Loading"
role="status"
className={cn("animate-spin", className)}
{...props}
/>
);
}
export { Spinner };Usage
import { Spinner } from "@/components/ui/spinner";<Spinner />