Todos os componentes

Spinner

Spinner é um componente de feedback para React e Tailwind CSS, da biblioteca shadcn/ui, com licença MIT. Copia e cola no teu projeto.

shadcn/ui MIT feedback

O que é

Spinner é um componente de feedback para React e Tailwind CSS, da biblioteca shadcn/ui, com licença MIT. Copia e cola no teu projeto.

Como usar

Abre o componente no catálogo, carrega em copiar, e cola no teu projeto. O prompt copiado leva o código e as regras para o teu agente o reproduzir sem alterar nada.

Abrir no catálogo

Cinco cópias grátis por mês. Sem cartão.

Precisa de

npm i class-variance-authority

Licença

Este componente vem de shadcn/ui e é redistribuído sob a licença MIT, que permite uso comercial. O aviso de copyright viaja com o código.

Spinner

ui/spinner.tsx
import { Loader2Icon } from "lucide-react"

import { cn } from "@/lib/utils"

function Spinner({ className, ...props }: React.ComponentProps<"svg">) {
  return (
    <Loader2Icon
      role="status"
      aria-label="Loading"
      className={cn("size-4 animate-spin", className)}
      {...props}
    />
  )
}

export { Spinner }

Componentes parecidos