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
  98c1d27c_2cdf_c897_7d40_423a162255b5["SpinnerDemo()"]
  398626b6_bab1_9c05_1102_ac7edd1c0b23["spinner-demo.tsx"]
  98c1d27c_2cdf_c897_7d40_423a162255b5 -->|defined in| 398626b6_bab1_9c05_1102_ac7edd1c0b23
  style 98c1d27c_2cdf_c897_7d40_423a162255b5 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/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>
  )
}