feat(renderer): pass nodeTypes

example/SimpleGraph.js

@@ -1,8 +1,14 @@
 import React, { PureComponent } from 'react';
 
 import Graph from '../src';
+import wrapNode from '../src/NodeRenderer/NodeTypes/wrapNode';
+
 // import Graph from '../dist/ReactGraph';
 
+const SpecialNode = wrapNode(({ data }) =>
+  <div>I am Special!<br />{data.label}</div>
+);
+
 class App extends PureComponent {
   constructor() {
     super();
@@ -14,10 +20,12 @@ class App extends PureComponent {
         { data: { id: '3', label: 'This is a node' }, position: { x: 100, y: 200 }, style: { background: '#222', color: '#fff' } },
         { data: { id: '4', label: 'nody nodes', type: 'output' }, position: { x: 50, y: 300 } },
         { data: { id: '5', label: 'Another node', type: 'output' }, position: { x: 400, y: 300 } },
+        { data: { id: '6', label: 'A label', type: 'special' }, position: { x: 400, y: 400 } },
         { data: { source: '1', target: '2' } },
         { data: { source: '2', target: '3' } },
         { data: { source: '3', target: '4' } },
-        { data: { source: '3', target: '5' } }
+        { data: { source: '3', target: '5' } },
+        { data: { source: '5', target: '6' } }
       ]
     }
   }
@@ -57,6 +65,9 @@ class App extends PureComponent {
         style={{ width: '100%', height: '100%' }}
         onLoad={graphInstance => this.onLoad(graphInstance)}
         onChange={(elements) => this.onChange(elements)}
+        nodeTypes={{
+          special: SpecialNode
+        }}
       >
         <button
           type="button"