BlockViewer() — ui Function Reference

Architecture documentation for the BlockViewer() function in block-viewer.tsx from the ui codebase.

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ BlockViewer() — ui Function Reference

Dependency Diagram

graph TD
  1ac30cfb_0f90_63f4_369d_b8767409c035["BlockViewer()"]
  1286b7b7_c8bd_53b6_a231_a71e5b6ebd50["block-viewer.tsx"]
  1ac30cfb_0f90_63f4_369d_b8767409c035 -->|defined in| 1286b7b7_c8bd_53b6_a231_a71e5b6ebd50
  style 1ac30cfb_0f90_63f4_369d_b8767409c035 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/components/block-viewer.tsx lines 434–452

function BlockViewer({
  item,
  tree,
  highlightedFiles,
  ...props
}: Pick<BlockViewerContext, "item" | "tree" | "highlightedFiles">) {
  return (
    <BlockViewerProvider
      item={item}
      tree={tree}
      highlightedFiles={highlightedFiles}
      {...props}
    >
      <BlockViewerToolbar />
      <BlockViewerView />
      <BlockViewerCode />
    </BlockViewerProvider>
  )
}