- You can click anywhere on a node to drag it.
- More compact design, with indentation alone used to represent tree depth.
npm install --save @nosferatu500/theme-file-explorerimport React, { Component } from 'react'; import SortableTree from 'react-sortable-tree'; import FileExplorerTheme from '@nosferatu500/theme-file-explorer'; export default class Tree extends Component { constructor(props) { super(props); this.state = { treeData: [{ title: 'src/', children: [{ title: 'index.js' }] }], }; } render() { return ( <div style={{ height: 400 }}> <SortableTree treeData={this.state.treeData} onChange={treeData => this.setState({ treeData })} theme={FileExplorerTheme} /> </div> ); } }