react-family-tree
v3.2.0
Published
React component that renders a family tree
Downloads
1,022
Maintainers
Readme
react-family-tree
React component that renders a family tree. Demo.
Install
npm i -S react-family-tree
Usage
import ReactFamilyTree from 'react-family-tree';
import FamilyNode from './your-components/FamilyNode';
const WIDTH = 70;
const HEIGHT = 80;
<ReactFamilyTree
nodes={[...]}
rootId={rootId}
width={WIDTH}
height={HEIGHT}
renderNode={(node) => (
<FamilyNode
key={node.id}
node={node}
style={{
width: WIDTH,
height: HEIGHT,
transform: `translate(${node.left * (WIDTH / 2)}px, ${node.top * (HEIGHT / 2)}px)`,
}}
/>
)}
/>