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
  c90fea80_dd87_d7da_d489_090b4f54aa13["BadgeWithSpinner()"]
  cab9465d_76a3_2c4a_c030_2c3b435067c7["badge-spinner.tsx"]
  c90fea80_dd87_d7da_d489_090b4f54aa13 -->|defined in| cab9465d_76a3_2c4a_c030_2c3b435067c7
  style c90fea80_dd87_d7da_d489_090b4f54aa13 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

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