EmptyWithSpinner() — ui Function Reference

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

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ EmptyWithSpinner() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/registry/bases/base/blocks/preview.tsx lines 1618–1642

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>
  )
}