Skip to content

WorkflowBuilderRoot

WorkflowBuilderRoot(__namedParameters): Element

Top-level component that wires up the Workflow Builder editor. Provides the per-instance store, integration wrapper, ReactFlow context, global overlay (snackbar, loader, plugin hooks), and renders either the supplied children or <DefaultLayout /> as a fallback.

WorkflowBuilderRootProps

Element

import { WorkflowBuilder } from '@workflowbuilder/sdk';
export function App() {
return <WorkflowBuilder.Root nodeTypes={myNodeTypes} />;
}
<WorkflowBuilder.Root nodeTypes={myNodeTypes}>
<header><WorkflowBuilder.TopBar /></header>
<aside><WorkflowBuilder.Palette /></aside>
<main><WorkflowBuilder.Canvas /></main>
<aside><WorkflowBuilder.PropertiesPanel /></aside>
</WorkflowBuilder.Root>