SpinnerBadge() — ui Function Reference

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

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ SpinnerBadge() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/app/(app)/(root)/components/spinner-badge.tsx lines 4–21

export function SpinnerBadge() {
  return (
    <div className="flex items-center gap-2">
      <Badge>
        <Spinner />
        Syncing
      </Badge>
      <Badge variant="secondary">
        <Spinner />
        Updating
      </Badge>
      <Badge variant="outline">
        <Spinner />
        Loading
      </Badge>
    </div>
  )
}