React-treeview

Easy, light, flexible treeview made with React.

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">

The component accepts four 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: an optional class to add the the tree-view_item element.

TreeViews can be naturally nested.

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

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: npm install && npm run prerelease

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

MIT.

Name		Name	Last commit message	Last commit date
Latest commit History 113 Commits
build		build
demos		demos
src		src
.babelrc		.babelrc
.eslintrc		.eslintrc
.gitignore		.gitignore
.npmignore		.npmignore
HISTORY.md		HISTORY.md
README.md		README.md
bower.json		bower.json
package.json		package.json
react-treeview.css		react-treeview.css
server.js		server.js
webpack.config.js		webpack.config.js
webpack.prod.config.js		webpack.prod.config.js