// Feedback

Spinner

A spinner for displaying a loading state.

// Rendering preview…

// Install

npx shadcn@latest add @dakik/spinner

// Usage

1import { Spinner } from "@/components/ui/spinner";
2
3<Spinner />

// Code

1"use client";
2
3import { Loader2Icon } from "lucide-react";
4import { cn } from "@/lib/utils";
5
6export const Spinner = (props: React.ComponentProps<"svg">) => {
7  const { "aria-label": ariaLabel, className, ...rest } = props;
8
9  return (
10    <Loader2Icon
11      aria-label={ariaLabel ?? "Loading"}
12      className={cn("size-4 animate-spin", className)}
13      data-slot="spinner"
14      role="status"
15      {...rest}
16    />
17  );
18};
19

// Dependencies

lucide-react