{"id":13403875,"url":"https://github.com/chenglou/react-treeview","last_synced_at":"2025-05-15T09:07:26.127Z","repository":{"id":9581123,"uuid":"11497060","full_name":"chenglou/react-treeview","owner":"chenglou","description":"Easy, light, flexible tree view made with React.","archived":false,"fork":false,"pushed_at":"2018-11-16T23:44:39.000Z","size":1224,"stargazers_count":1091,"open_issues_count":15,"forks_count":160,"subscribers_count":28,"default_branch":"master","last_synced_at":"2025-05-01T10:39:14.226Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/chenglou.png","metadata":{"files":{"readme":"README.md","changelog":"HISTORY.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2013-07-18T07:39:37.000Z","updated_at":"2024-12-18T18:27:34.000Z","dependencies_parsed_at":"2022-09-07T12:11:44.981Z","dependency_job_id":null,"html_url":"https://github.com/chenglou/react-treeview","commit_stats":null,"previous_names":[],"tags_count":27,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chenglou%2Freact-treeview","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chenglou%2Freact-treeview/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chenglou%2Freact-treeview/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chenglou%2Freact-treeview/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/chenglou","download_url":"https://codeload.github.com/chenglou/react-treeview/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252448583,"owners_count":21749495,"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","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":[],"created_at":"2024-07-30T19:01:35.766Z","updated_at":"2025-05-15T09:07:21.118Z","avatar_url":"https://github.com/chenglou.png","language":"JavaScript","readme":"# React-treeview [![npm version](https://badge.fury.io/js/react-treeview.svg)](https://www.npmjs.com/package/react-treeview) [![Bower version](https://badge.fury.io/bo/react-treeview.svg)](http://badge.fury.io/bo/react-treeview)\n\nEasy, light, flexible treeview made with [React](http://facebook.github.io/react/).\n\n[Demos](https://cdn.rawgit.com/chenglou/react-treeview/aa72ed8b9e0b31fabc09e2f8bd4084947d48bb09/demos/index.html) from the [demos folder](https://github.com/chenglou/react-treeview/tree/aa72ed8b9e0b31fabc09e2f8bd4084947d48bb09/demos).\n\n## install\n\nNpm:\n```sh\nnpm install react-treeview\n```\n\nBower:\n```sh\nbower install react-treeview\n```\n\nThe CSS file:\n\n```html\n\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"path/to/react-treeview.css\"\u003e\n```\n\n## API\n\n#### \u0026lt;TreeView /\u003e\nThe component accepts [these props](https://github.com/chenglou/react-treeview/blob/f75fb4e2706f3e9087bcf371308e85154a1946da/src/react-treeview.jsx#L6-L12).\n\n- `collapsed`: whether the node is collapsed or not.\n- `defaultCollapsed`: the [uncontrolled](http://facebook.github.io/react/docs/forms.html#uncontrolled-components) equivalent to `collapsed`.\n- `nodeLabel`: the component or string (or anything renderable) that's displayed beside the TreeView arrow.\n- `itemClassName`: the class name of the `.tree-view_item` div.\n- `treeViewClassName`: the class name of the `.tree-view` div.\n- `childrenClassName`: the class name of the `.tree-view_children` item div.\n\nTreeViews can be naturally nested.\n\nThe extra properties transferred onto the arrow, so all attributes and events naturally work on it.\n\n## Styling\nThe CSS is flexible, commented and made to be easily customized. Feel free to inspect the demo's classes and check the [short CSS code](https://github.com/chenglou/react-treeview/blob/aa72ed8b9e0b31fabc09e2f8bd4084947d48bb09/react-treeview.css).\n\n## Build It Yourself/Run the Demos\n\nBuild: `npm install \u0026\u0026 npm run prerelease`\n\nDemos: `npm install \u0026\u0026 npm start \u0026\u0026 open http://localhost:3000`\n\n## License\n\nMIT.\n","funding_links":[],"categories":["JavaScript","UI Components","Uncategorized","Awesome React","Demos","\u003csummary\u003eUI Components\u003c/summary\u003e"],"sub_categories":["Tree","Uncategorized","Tools"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchenglou%2Freact-treeview","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchenglou%2Freact-treeview","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchenglou%2Freact-treeview/lists"}