SpinnerBadge() — ui Function Reference

Architecture documentation for the SpinnerBadge() function in spinner-badge.tsx from the ui codebase.

Function tsx DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ SpinnerBadge() — ui Function Reference

Dependency Diagram

graph TD
  6669f0f5_718a_a0f6_f7e3_812fa88b7908["SpinnerBadge()"]
  6605e3fb_0cb7_27c8_712b_c4004580cae8["spinner-badge.tsx"]
  6669f0f5_718a_a0f6_f7e3_812fa88b7908 -->|defined in| 6605e3fb_0cb7_27c8_712b_c4004580cae8
  style 6669f0f5_718a_a0f6_f7e3_812fa88b7908 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/spinner-badge.tsx lines 4–21

export function SpinnerBadge() {
  return (
    <div className="flex items-center gap-4 [--radius:1.2rem]">
      <Badge>
        <Spinner data-icon="inline-start" />
        Syncing
      </Badge>
      <Badge variant="secondary">
        <Spinner data-icon="inline-start" />
        Updating
      </Badge>
      <Badge variant="outline">
        <Spinner data-icon="inline-start" />
        Processing
      </Badge>
    </div>
  )
}