Skip to main content

Module: @lexical/react/LexicalTreeView

Functions

TreeView

TreeView(props): JSX.Element

TreeView is a React component that provides a visual representation of the Lexical editor's state and enables debugging features like time travel and custom tree node rendering.

Parameters

NameTypeDescription
propsObjectThe properties passed to the TreeView component.
props.customPrintNode?CustomPrintNodeFnA function for customizing the display of nodes in the tree.
props.editorLexicalEditorThe Lexical editor instance to be visualized and debugged.
props.timeTravelButtonClassName?stringCustom class name for the time travel toggle button.
props.timeTravelPanelButtonClassName?stringCustom class name for buttons inside the time travel panel.
props.timeTravelPanelClassName?stringCustom class name for the overall time travel panel container.
props.timeTravelPanelSliderClassName?stringCustom class name for the time travel slider in the panel.
props.treeTypeButtonClassName?stringCustom class name for the tree type toggle button.
props.viewClassName?stringCustom class name for the tree view container.

Returns

JSX.Element

  • A React element that visualizes the editor's state and supports debugging interactions.

Defined in

packages/lexical-react/src/LexicalTreeView.tsx:39