ButtonLoading() — ui Function Reference

Architecture documentation for the ButtonLoading() function in button-spinner.tsx from the ui codebase.

Function tsx DocumentationAtlas ContentSourcing

Entity Profile

DocumentationAtlas→ ContentSourcing→ ButtonLoading() — ui Function Reference

Dependency Diagram

graph TD
  276ed6f1_b3cf_8846_a057_f3e8b44f3f47["ButtonLoading()"]
  f1eec174_a24a_0ff2_9323_d0a03920a05e["button-spinner.tsx"]
  276ed6f1_b3cf_8846_a057_f3e8b44f3f47 -->|defined in| f1eec174_a24a_0ff2_9323_d0a03920a05e
  style 276ed6f1_b3cf_8846_a057_f3e8b44f3f47 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

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

export default function ButtonLoading() {
  return (
    <div className="flex gap-2">
      <Button variant="outline" disabled>
        <Spinner data-icon="inline-start" />
        Generating
      </Button>
      <Button variant="secondary" disabled>
        Downloading
        <Spinner data-icon="inline-start" />
      </Button>
    </div>
  )
}