{"id":20964047,"url":"https://github.com/ealexandros/editable-antd-tree","last_synced_at":"2025-10-07T22:17:05.605Z","repository":{"id":65016015,"uuid":"580005785","full_name":"ealexandros/editable-antd-tree","owner":"ealexandros","description":"🌳 This is an editable tree component built using Ant Design.","archived":false,"fork":false,"pushed_at":"2024-09-10T08:43:15.000Z","size":705,"stargazers_count":12,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-19T15:15:47.572Z","etag":null,"topics":["antd","editable","editable-tree","editable-tree-table","nextjs","react","reactjs","tree","tree-component"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/editable-antd-tree","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ealexandros.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-12-19T13:40:01.000Z","updated_at":"2025-02-25T16:48:10.000Z","dependencies_parsed_at":"2024-11-19T07:02:05.517Z","dependency_job_id":null,"html_url":"https://github.com/ealexandros/editable-antd-tree","commit_stats":{"total_commits":18,"total_committers":2,"mean_commits":9.0,"dds":0.05555555555555558,"last_synced_commit":"bf771c936de34ffa6d9674c17e5df03a70d1b84a"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ealexandros/editable-antd-tree","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ealexandros%2Feditable-antd-tree","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ealexandros%2Feditable-antd-tree/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ealexandros%2Feditable-antd-tree/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ealexandros%2Feditable-antd-tree/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ealexandros","download_url":"https://codeload.github.com/ealexandros/editable-antd-tree/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ealexandros%2Feditable-antd-tree/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278855639,"owners_count":26057710,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-07T02:00:06.786Z","response_time":59,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["antd","editable","editable-tree","editable-tree-table","nextjs","react","reactjs","tree","tree-component"],"created_at":"2024-11-19T02:49:47.563Z","updated_at":"2025-10-07T22:17:05.590Z","avatar_url":"https://github.com/ealexandros.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\" style=\"border-bottom: none\"\u003e\n  \u003cpicture \u003e\n    \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"./docs/editable-antd-tree-logo-light.png\"\u003e\n    \u003cimg width=\"500\" alt=\"editable-antd-tree-logo-light\" src=\"./docs/editable-antd-tree-logo-dark.png\"\u003e\n  \u003c/picture\u003e\n\u003c/p\u003e\n\u003cp align=\"center\"\u003eThis is an editable tree based on antd components.\u003c/p\u003e\n\n\u003cbr/\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/node-%3E%3D16.0.0-blue\" alt=\"node version\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/pnpm-^7.0.0-blue?logo=pnpm\" alt=\"pnpm version\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/react-\u003e%3D16.9.0-lighgreen?logo=react\" alt=\"react version\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/antd-^5.0.0-lighgreen\" alt=\"antd version\" /\u003e\n\u003c/p\u003e\n\n\u003cbr/\u003e\n\n### 📖 Preview\n\n![preview](./docs/editable-antd-tree-preview.png)\n\n## 📦 Install\n\n```bash\n$ npm editable-antd-tree\n```\n\n_The package can be found [here](https://www.npmjs.com/package/editable-antd-tree)._\n\n## 🔨 Usage\n\nBelow there is a demonstration of the input data.\n\n```js\nconst tree = [\n  {\n    key: \"1\",\n    title: \"Technology\",\n    isLeaf: false,\n    children: [\n      {\n        key: \"2\",\n        parent: \"1\",\n        title: \"Phones\",\n        isLeaf: false,\n        children: [\n          // ...\n        ],\n      },\n      {\n        key: \"3\",\n        parent: \"1\",\n        title: \"Laptops\",\n        isLeaf: true,\n      },\n    ],\n    // ...\n  },\n  // ...\n];\n```\n\nA simple example of this package can be seen below.\n\n```js\nimport { EditableAntdTree } from \"editable-antd-tree\";\n\nimport \"editable-antd-tree/dist/esm/output.css\"; // load style\n\nconst initTree = []; // 👀 example above\n\nconst App = () =\u003e (\n  \u003c\u003e\n    \u003cEditableAntdTree treeData={initTree} /\u003e\n  \u003c/\u003e\n);\n```\n\n### Typescipt\n\nBy downloading this package, there is a direct compatability with `typescript`.\n\n## 🔀️ Properties\n\n### Tree\n\n\u003ctable\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth\u003eProperty\u003c/th\u003e\n      \u003cth\u003eDescription\u003c/th\u003e\n      \u003cth\u003eType\u003c/th\u003e\n      \u003cth\u003eRequired\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003etreeData\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eInitial tree data. See section below for all fields of TreeData.\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003eEditableTreeNode[]\u003c/code\u003e\u003c/td\u003e\n      \u003ctd align=\"center\"\u003eYes\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003eonTreeChange\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eExecutes uppon any tree data change.\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003eFunction\u003c/code\u003e\u003c/td\u003e\n      \u003ctd align=\"center\"\u003eNo\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003eswitcherIcon\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eControls the switcher icon, used to expand or collapse parent nodes.\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003eReact.ReactNode\u003c/code\u003e\u003c/td\u003e\n      \u003ctd align=\"center\"\u003eNo\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003esize\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eControls the size of the tree.\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003exs\u003c/code\u003e, \u003ccode\u003esm\u003c/code\u003e, \u003ccode\u003emd\u003c/code\u003e, \u003ccode\u003elg\u003c/code\u003e, \u003ccode\u003exl\u003c/code\u003e\u003c/td\u003e\n      \u003ctd align=\"center\"\u003eNo\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003eloadData\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eFunction triggered when a non-leaf TreeNode lacks children. Loads data asynchronously and replaces TreeNode's children.\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003eFunction\u003c/code\u003e\u003c/td\u003e\n      \u003ctd align=\"center\"\u003eNo\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003ecreateRootLeaf\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eContains properties explained in the sections below.\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003eObject\u003c/code\u003e\u003c/td\u003e\n      \u003ctd align=\"center\"\u003eNo\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003ecreateRootParent\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eContains properties explained in the sections below.\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003eObject\u003c/code\u003e\u003c/td\u003e\n      \u003ctd align=\"center\"\u003eNo\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003edeleteNode\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eContains properties explained in the sections below.\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003eObject\u003c/code\u003e\u003c/td\u003e\n      \u003ctd align=\"center\"\u003eNo\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003eupdateNode\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eContains properties explained in the sections below.\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003eObject\u003c/code\u003e\u003c/td\u003e\n      \u003ctd align=\"center\"\u003eNo\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003ecreateLeaf\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eContains properties explained in the sections below.\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003eObject\u003c/code\u003e\u003c/td\u003e\n      \u003ctd align=\"center\"\u003eNo\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003ecreateParent\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eContains properties explained in the sections below.\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003eObject\u003c/code\u003e\u003c/td\u003e\n      \u003ctd align=\"center\"\u003eNo\u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n### Create Root Leaf\n\n\u003ctable\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth\u003eProperty\u003c/th\u003e\n      \u003cth\u003eDescription\u003c/th\u003e\n      \u003cth style=\"text-align: center\"\u003eType\u003c/th\u003e\n      \u003cth\u003eRequired\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003ecaption\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eThis property shows what should be displayed when a user hovers over the action.\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003e\u003ccode\u003estring\u003c/code\u003e\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003eNo\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003edisable\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eThis property indicates if the action should be disabled.\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003e\u003ccode\u003eboolean\u003c/code\u003e\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003eNo\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003eevent\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eThis property is a Function that runs after the action has been pressed.\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003e\u003ccode\u003eFunction\u003c/code\u003e\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003eNo\u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n### Create Root Parent\n\n\u003ctable\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth\u003eProperty\u003c/th\u003e\n      \u003cth\u003eDescription\u003c/th\u003e\n      \u003cth style=\"text-align: center\"\u003eType\u003c/th\u003e\n      \u003cth\u003eRequired\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003ecaption\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eThis property shows what should be displayed when a user hovers over the action.\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003e\u003ccode\u003estring\u003c/code\u003e\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003eNo\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003edisable\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eThis property indicates if the action should be disabled.\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003e\u003ccode\u003eboolean\u003c/code\u003e\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003eNo\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003eevent\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eThis property is a Function that runs after the action has been pressed.\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003e\u003ccode\u003eFunction\u003c/code\u003e\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003eNo\u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n### Delete Node\n\n\u003ctable\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth\u003eProperty\u003c/th\u003e\n      \u003cth\u003eDescription\u003c/th\u003e\n      \u003cth style=\"text-align: center\"\u003eType\u003c/th\u003e\n      \u003cth\u003eRequired\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003ecaption\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eThis property shows what should be displayed when a user hovers over the action.\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003e\u003ccode\u003estring\u003c/code\u003e\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003eNo\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003edisable\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eThis property indicates if the action should be disabled.\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003e\u003ccode\u003eboolean\u003c/code\u003e | \u003ccode\u003eFunction\u003c/code\u003e\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003eNo\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003eevent\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eThis property is a Function that runs after the action has been pressed.\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003e\u003ccode\u003eFunction\u003c/code\u003e\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003eNo\u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n### Update Node\n\n\u003ctable\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth\u003eProperty\u003c/th\u003e\n      \u003cth\u003eDescription\u003c/th\u003e\n      \u003cth style=\"text-align: center\"\u003eType\u003c/th\u003e\n      \u003cth\u003eRequired\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003ecaption\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eThis property shows what should be displayed when a user hovers over the action.\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003e\u003ccode\u003estring\u003c/code\u003e\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003eNo\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003edisable\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eThis property indicates if the action should be disabled.\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003e\u003ccode\u003eboolean\u003c/code\u003e | \u003ccode\u003eFunction\u003c/code\u003e\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003eNo\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003eevent\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eThis property is a Function that runs after the action has been pressed.\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003e\u003ccode\u003eFunction\u003c/code\u003e\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003eNo\u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n### Create Leaf Node\n\n\u003ctable\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth\u003eProperty\u003c/th\u003e\n      \u003cth\u003eDescription\u003c/th\u003e\n      \u003cth style=\"text-align: center\"\u003eType\u003c/th\u003e\n      \u003cth\u003eRequired\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003ecaption\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eThis property shows what should be displayed when a user hovers over the action.\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003e\u003ccode\u003estring\u003c/code\u003e\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003eNo\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003edisable\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eThis property indicates if the action should be disabled.\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003e\u003ccode\u003eboolean\u003c/code\u003e | \u003ccode\u003eFunction\u003c/code\u003e\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003eNo\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003eevent\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eThis property is a Function that runs after the action has been pressed.\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003e\u003ccode\u003eFunction\u003c/code\u003e\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003eNo\u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n### Create Parent Node\n\n\u003ctable\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth\u003eProperty\u003c/th\u003e\n      \u003cth\u003eDescription\u003c/th\u003e\n      \u003cth style=\"text-align: center\"\u003eType\u003c/th\u003e\n      \u003cth\u003eRequired\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003ecaption\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eThis property shows what should be displayed when a user hovers over the action.\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003e\u003ccode\u003estring\u003c/code\u003e\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003eNo\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003edisable\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eThis property indicates if the action should be disabled.\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003e\u003ccode\u003eboolean\u003c/code\u003e | \u003ccode\u003eFunction\u003c/code\u003e\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003eNo\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003eevent\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eThis property is a Function that runs after the action has been pressed.\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003e\u003ccode\u003eFunction\u003c/code\u003e\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003eNo\u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n\u003e \\+ All [Tree](https://ant.design/components/tree#tree-props) properties of antd tree component.\n\n### Tree Data\n\n\u003ctable\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth\u003eProperty\u003c/th\u003e\n      \u003cth\u003eDescription\u003c/th\u003e\n      \u003cth style=\"text-align: center\"\u003eType\u003c/th\u003e\n      \u003cth\u003eRequired\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003ekey\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eThis field is used as a unique identifier.\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003e\u003ccode\u003estring\u003c/code\u003e\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003eYes\u003c/td\u003e\n    \u003c/tr\u003e \n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003etitle\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eThis field is displayed in the tree.\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003e\u003ccode\u003estring\u003c/code\u003e\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003eNo\u003c/td\u003e\n    \u003c/tr\u003e \n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003eparent\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eThis field points to the parent key.\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003e\u003ccode\u003estring\u003c/code\u003e\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003eNo\u003c/td\u003e\n    \u003c/tr\u003e \n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003echildren\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eThis field contains more nested tree nodes.\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003e\u003ccode\u003eEditableTreeNode[]\u003c/code\u003e\u003c/td\u003e\n      \u003ctd style=\"text-align: center\"\u003eNo\u003c/td\u003e\n    \u003c/tr\u003e \n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n\u003e \\+ All [TreeNode](https://ant.design/components/tree#tree-props) properties of antd tree component.\n\n## ✨ Acknowledgements\n\nSpecial acknowledgements to the following packages:\n\n- https://www.npmjs.com/package/antd\n- https://www.npmjs.com/package/editable-tree-antd\n\n## 🎙 Conclusion\n\nAfter experimenting with various npm packages, none of them quite met my specific requirements. However, drawing inspiration from the packages mentioned earlier, I took it upon myself to develop a solution tailored to my needs, resulting in the creation of the editable-antd-tree package.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fealexandros%2Feditable-antd-tree","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fealexandros%2Feditable-antd-tree","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fealexandros%2Feditable-antd-tree/lists"}