SpinnerDemo() — ui Function Reference

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

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ SpinnerDemo() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/examples/radix/spinner-demo.tsx lines 9–25

export 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>
  )
}