BlockViewer() — ui Function Reference

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

Function tsx Internationalization RTLLayout

Entity Profile

Internationalization→ RTLLayout→ BlockViewer() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/components/block-viewer.tsx lines 490–511

function BlockViewer({
  item,
  tree,
  highlightedFiles,
  children,
  styleName,
  ...props
}: BlockViewerProps) {
  return (
    <BlockViewerProvider
      item={item}
      tree={tree}
      highlightedFiles={highlightedFiles}
      {...props}
    >
      <BlockViewerToolbar styleName={styleName} />
      <BlockViewerView styleName={styleName} />
      <BlockViewerCode />
      <BlockViewerMobile>{children}</BlockViewerMobile>
    </BlockViewerProvider>
  )
}