SpinnerColor() — ui Function Reference

Architecture documentation for the SpinnerColor() function in spinner-color.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ SpinnerColor() — ui Function Reference

Dependency Diagram

graph TD
  ae62c023_d312_b485_e8b2_acc80b467851["SpinnerColor()"]
  f6175e07_faac_9857_dcd5_3d68a5d3159f["spinner-color.tsx"]
  ae62c023_d312_b485_e8b2_acc80b467851 -->|defined in| f6175e07_faac_9857_dcd5_3d68a5d3159f
  style ae62c023_d312_b485_e8b2_acc80b467851 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/new-york-v4/examples/spinner-color.tsx lines 3–13

export default function SpinnerColor() {
  return (
    <div className="flex items-center gap-6">
      <Spinner className="size-6 text-red-500" />
      <Spinner className="size-6 text-green-500" />
      <Spinner className="size-6 text-blue-500" />
      <Spinner className="size-6 text-yellow-500" />
      <Spinner className="size-6 text-purple-500" />
    </div>
  )
}