Files
xyflow/examples/advanced/scripts/InputNode.js
2019-09-25 21:33:20 +02:00

15 lines
457 B
JavaScript

import React from 'react';
import { Handle } from '../../../src';
export default({ data, styles }) => (
<div
style={{ background: '#FFCC00', padding: 10, borderRadius: 2, ...styles }}
>
<Handle type="target" position="left" style={{ background: '#999' }} />
<div>{data.input}</div>
<input onChange={(e) => data.onChange(e.target.value, data)} />
<Handle type="source" position="right" style={{ background: '#999' }} />
</div>
);