Simple loading spinner

PreviousNext

Very basic loading spinner with 0 dependencies!

Docs
react-marketcomponent

Preview

Loading preview…
loading-spinner.tsx
import { cn } from "@/lib/utils";

interface Props {
  classNameSpinner?: string;
}

export default function LoadingSpinner(props: Props) {
  return (
    <div className="flex justify-center items-center h-full">
      <div
        className={cn(
          "animate-spin rounded-full size-32 border-t-2 border-b-2 border-primary",
          props.classNameSpinner,
        )}
      />
    </div>
  );
}

Installation

npx shadcn@latest add @react-market/loading-spinner

Usage

import { LoadingSpinner } from "@/components/loading-spinner"
<LoadingSpinner />