spinner.tsx — ui Source File
Architecture documentation for spinner.tsx, a tsx file in the ui codebase. 2 imports, 0 dependents.
Entity Profile
Dependency Diagram
graph LR e4a66daf_a74e_abe9_50bc_7396f48a1495["spinner.tsx"] 8ad666ec_1b20_adda_0392_87a60bdb3a68["utils"] e4a66daf_a74e_abe9_50bc_7396f48a1495 --> 8ad666ec_1b20_adda_0392_87a60bdb3a68 de6fac54_74ca_6c25_8f8b_d1ba3287dbf2["icon-placeholder"] e4a66daf_a74e_abe9_50bc_7396f48a1495 --> de6fac54_74ca_6c25_8f8b_d1ba3287dbf2 style e4a66daf_a74e_abe9_50bc_7396f48a1495 fill:#6366f1,stroke:#818cf8,color:#fff
Relationship Graph
Source Code
import { cn } from "@/registry/bases/base/lib/utils"
import { IconPlaceholder } from "@/app/(create)/components/icon-placeholder"
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}
/>
)
}
export { Spinner }
Domain
Subdomains
Functions
Dependencies
- icon-placeholder
- utils
Source
Frequently Asked Questions
What does spinner.tsx do?
spinner.tsx is a source file in the ui codebase, written in tsx. It belongs to the ComponentRegistry domain, UIPrimitives subdomain.
What functions are defined in spinner.tsx?
spinner.tsx defines 1 function(s): Spinner.
What does spinner.tsx depend on?
spinner.tsx imports 2 module(s): icon-placeholder, utils.
Where is spinner.tsx in the architecture?
spinner.tsx is located at apps/v4/registry/bases/base/ui/spinner.tsx (domain: ComponentRegistry, subdomain: UIPrimitives, directory: apps/v4/registry/bases/base/ui).
Analyze Your Own Codebase
Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.
Try Supermodel Free