ButtonSpinner() — ui Function Reference

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

Function tsx DocumentationAtlas ContentSourcing

Entity Profile

DocumentationAtlas→ ContentSourcing→ ButtonSpinner() — ui Function Reference

Dependency Diagram

graph TD
  1f997bfc_b9de_eea7_155b_6575b94865d9["ButtonSpinner()"]
  ab51c88b_2a95_8f13_27ad_931fd35d4eab["button-spinner.tsx"]
  1f997bfc_b9de_eea7_155b_6575b94865d9 -->|defined in| ab51c88b_2a95_8f13_27ad_931fd35d4eab
  style 1f997bfc_b9de_eea7_155b_6575b94865d9 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

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

export default function ButtonSpinner() {
  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>
  )
}