EmptyWithSpinner() — ui Function Reference

Architecture documentation for the EmptyWithSpinner() function in preview.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ EmptyWithSpinner() — ui Function Reference

Dependency Diagram

graph TD
  119e3cb2_16ef_0a43_2ad8_53ae5ab655c1["EmptyWithSpinner()"]
  7019dfd7_73aa_c7b5_4065_6d3efa35f26a["preview.tsx"]
  119e3cb2_16ef_0a43_2ad8_53ae5ab655c1 -->|defined in| 7019dfd7_73aa_c7b5_4065_6d3efa35f26a
  style 119e3cb2_16ef_0a43_2ad8_53ae5ab655c1 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/radix/blocks/preview.tsx lines 1603–1627

function EmptyWithSpinner() {
  return (
    <Example title="Empty with Spinner">
      <Empty className="w-full border">
        <EmptyHeader>
          <EmptyMedia variant="icon">
            <Spinner />
          </EmptyMedia>
          <EmptyTitle>Processing your request</EmptyTitle>
          <EmptyDescription>
            Please wait while we process your request. Do not refresh the page.
          </EmptyDescription>
        </EmptyHeader>
        <EmptyContent>
          <div className="flex gap-2">
            <Button size="sm">Submit</Button>
            <Button variant="outline" size="sm">
              Cancel
            </Button>
          </div>
        </EmptyContent>
      </Empty>
    </Example>
  )
}