Popularity

6.2

Declining

Activity

0.0

Stable

Stars 1,087

Watchers 30

Forks 165

Last Commit over 5 years ago

Monthly Downloads: 0

Programming language: JavaScript

License: MIT License

Tags: UI Components Tree UI React React-component Facebook View Treeview Tree-view Treenode Tree-node

Latest version: v0.4.7

react-treeview alternatives and similar libraries

Based on the "Tree" category.
Alternatively, view react-treeview alternatives based on common mentions on social networks and blogs.

react-arborist

7.5 6.8 react-treeview VS react-arborist

The complete tree view component for React
react-treebeard

7.4 0.0 react-treeview VS react-treebeard

DISCONTINUED. React Tree View Component. Data-Driven, Fast, Efficient and Customisable.

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App

With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

Promo surveyjs.io

react-ui-tree

5.9 0.0 react-treeview VS react-ui-tree

React tree component with drag & drop
react-complex-tree

5.2 9.1 react-treeview VS react-complex-tree

Unopinionated Accessible Tree Component with Multi-Select and Drag-And-Drop

Do you think we are missing an alternative of react-treeview or a related project?

Add another 'Tree' Library

Popular Comparisons

README

React-treeview

Easy, light, flexible treeview made with React.

Demos from the demos folder.

install

Npm:

npm install react-treeview

Bower:

bower install react-treeview

The CSS file:

<link rel="stylesheet" type="text/css" href="path/to/react-treeview.css">

API

<TreeView />

The component accepts these props.

collapsed: whether the node is collapsed or not.
defaultCollapsed: the uncontrolled equivalent to collapsed.
nodeLabel: the component or string (or anything renderable) that's displayed beside the TreeView arrow.
itemClassName: the class name of the .tree-view_item div.
treeViewClassName: the class name of the .tree-view div.
childrenClassName: the class name of the .tree-view_children item div.

TreeViews can be naturally nested.

The extra properties transferred onto the arrow, so all attributes and events naturally work on it.

Styling

The CSS is flexible, commented and made to be easily customized. Feel free to inspect the demo's classes and check the short CSS code.

Build It Yourself/Run the Demos

Build: npm install && npm run prerelease

Demos: npm install && npm start && open http://localhost:3000

License

MIT.

*Note that all licence references and agreements mentioned in the react-treeview README section above are relevant to that project's source code only.

react-treeview

Easy, light, flexible tree view made with React.