SpinnerDemo() — ui Function Reference

Architecture documentation for the SpinnerDemo() function in spinner-demo.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ SpinnerDemo() — ui Function Reference

Dependency Diagram

graph TD
  63c7e79d_5b6e_1d5b_b0a2_6e919cd79f0d["SpinnerDemo()"]
  f7ce2bcd_3d25_9f8d_14b2_80cc71221c45["spinner-demo.tsx"]
  63c7e79d_5b6e_1d5b_b0a2_6e919cd79f0d -->|defined in| f7ce2bcd_3d25_9f8d_14b2_80cc71221c45
  style 63c7e79d_5b6e_1d5b_b0a2_6e919cd79f0d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/new-york-v4/examples/spinner-demo.tsx lines 9–25

export default function SpinnerDemo() {
  return (
    <div className="flex w-full max-w-xs flex-col gap-4 [--radius:1rem]">
      <Item variant="muted">
        <ItemMedia>
          <Spinner />
        </ItemMedia>
        <ItemContent>
          <ItemTitle className="line-clamp-1">Processing payment...</ItemTitle>
        </ItemContent>
        <ItemContent className="flex-none justify-end">
          <span className="text-sm tabular-nums">$100.00</span>
        </ItemContent>
      </Item>
    </div>
  )
}