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
  416d2c09_0397_e632_54c1_c695d834ff1d["SpinnerBadge()"]
  5656178b_23e7_b78c_1bf9_1b53f4834e36["spinner-badge.tsx"]
  416d2c09_0397_e632_54c1_c695d834ff1d -->|defined in| 5656178b_23e7_b78c_1bf9_1b53f4834e36
  style 416d2c09_0397_e632_54c1_c695d834ff1d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

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