Data-Name-ID
22 lines
1.0 KiB
React
22 lines
1.0 KiB
React
import React, { Component } from "react";
|
|
import OrgChart from "../../../mytree.jsx";
|
|
|
|
const Tree = () => {
|
|
return (
|
|
<div style={{ height: "100%" }}>
|
|
<OrgChart
|
|
nodes={[
|
|
{ id: 1, name: "Denny Curtis", title: "CEO", img: "https://cdn.balkan.app/shared/2.jpg" },
|
|
{ id: 2, pid: 1, name: "Ashley Barnett", title: "Sales Manager", img: "https://cdn.balkan.app/shared/3.jpg" },
|
|
{ id: 3, pid: 1, name: "Caden Ellison", title: "Dev Manager", img: "https://cdn.balkan.app/shared/4.jpg" },
|
|
{ id: 4, pid: 2, name: "Elliot Patel", title: "Sales", img: "https://cdn.balkan.app/shared/5.jpg" },
|
|
{ id: 5, pid: 2, name: "Lynn Hussain", title: "Sales", img: "https://cdn.balkan.app/shared/6.jpg" },
|
|
{ id: 6, pid: 3, name: "Tanner May", title: "Developer", img: "https://cdn.balkan.app/shared/7.jpg" },
|
|
{ id: 7, pid: 3, name: "Fran Parsons", title: "Developer", img: "https://cdn.balkan.app/shared/8.jpg" },
|
|
]}
|
|
/>
|
|
</div>
|
|
);
|
|
};
|
|
export default Tree;
|