Empty() — ui Function Reference

Architecture documentation for the Empty() function in empty.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ Empty() — ui Function Reference

Dependency Diagram

graph TD
  95bd10fa_00de_9f2c_b722_5728ec19defc["Empty()"]
  db313d41_c62f_d830_c35f_0ba3fd54d434["empty.tsx"]
  95bd10fa_00de_9f2c_b722_5728ec19defc -->|defined in| db313d41_c62f_d830_c35f_0ba3fd54d434
  style 95bd10fa_00de_9f2c_b722_5728ec19defc fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/radix/ui/empty.tsx lines 5–16

function Empty({ className, ...props }: React.ComponentProps<"div">) {
  return (
    <div
      data-slot="empty"
      className={cn(
        "cn-empty flex w-full min-w-0 flex-1 flex-col items-center justify-center text-center text-balance",
        className
      )}
      {...props}
    />
  )
}