ExamplesNodes

Node Toolbar

For many types of applications, having a toolbar or set of controls appear when a node is selected can be quite useful. It’s so useful, in fact, that we’ve built the <NodeToolbar /> component to make it easy to add this functionality to your custom nodes!

Content in the toolbar is not scaled as you zoom your flow in and out: this means it should always be visible.

export default function App() {
  const data: string = "world"

  return <h1>Hello {data}</h1>
}

Read-only

For more information on the <NodeToolbar /> component and its props, check out the API reference.