BadgeWithSpinner() — ui Function Reference

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

Function tsx DocumentationAtlas ContentSourcing

Entity Profile

DocumentationAtlas→ ContentSourcing→ BadgeWithSpinner() — ui Function Reference

Dependency Diagram

graph TD
  0d49624c_d98f_d5ae_fe41_eec8b2d522f5["BadgeWithSpinner()"]
  89e02d89_9120_a4db_6dd7_d5be19e1bf02["badge-spinner.tsx"]
  0d49624c_d98f_d5ae_fe41_eec8b2d522f5 -->|defined in| 89e02d89_9120_a4db_6dd7_d5be19e1bf02
  style 0d49624c_d98f_d5ae_fe41_eec8b2d522f5 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/badge-spinner.tsx lines 4–17

export function BadgeWithSpinner() {
  return (
    <div className="flex flex-wrap gap-2">
      <Badge variant="destructive">
        <Spinner data-icon="inline-start" />
        Deleting
      </Badge>
      <Badge variant="secondary">
        Generating
        <Spinner data-icon="inline-end" />
      </Badge>
    </div>
  )
}