Spinner() — ui Function Reference

Architecture documentation for the Spinner() function in spinner.tsx from the ui codebase.

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ Spinner() — ui Function Reference

Dependency Diagram

graph TD
  4d603d2f_dc31_a1bb_ebc6_29c2dc09d752["Spinner()"]
  e4a66daf_a74e_abe9_50bc_7396f48a1495["spinner.tsx"]
  4d603d2f_dc31_a1bb_ebc6_29c2dc09d752 -->|defined in| e4a66daf_a74e_abe9_50bc_7396f48a1495
  style 4d603d2f_dc31_a1bb_ebc6_29c2dc09d752 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/base/ui/spinner.tsx lines 4–18

function Spinner({ className, ...props }: React.ComponentProps<"svg">) {
  return (
    <IconPlaceholder
      lucide="Loader2Icon"
      tabler="IconLoader"
      hugeicons="Loading03Icon"
      phosphor="SpinnerIcon"
      remixicon="RiLoaderLine"
      role="status"
      aria-label="Loading"
      className={cn("size-4 animate-spin", className)}
      {...props}
    />
  )
}