https://github.com/vip-git/react-sortable-tree-theme-file-explorer-ssr

https://github.com/vip-git/react-sortable-tree-theme-file-explorer-ssr

Last synced: 5 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/vip-git/react-sortable-tree-theme-file-explorer-ssr
• Owner: vip-git
• License: mit
• Created: 2019-05-06T09:00:06.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2025-06-06T21:58:20.000Z (about 1 year ago)
• Last Synced: 2025-08-18T05:48:23.880Z (10 months ago)
• Size: 16.6 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# React Sortable Tree File Explorer Theme

![theme appearance](https://user-images.githubusercontent.com/4413963/32144463-a7de23e0-bcfc-11e7-8054-1a83d561261e.png)

## Features

- You can click anywhere on a node to drag it.

- More compact design, with indentation alone used to represent tree depth.

## Usage

```sh

npm install --save react-sortable-tree-theme-file-explorer

```

```jsx

import React, { Component } from 'react';

import SortableTree from 'react-sortable-tree';

import FileExplorerTheme from 'react-sortable-tree-theme-file-explorer';

export default class Tree extends Component {

  constructor(props) {

    super(props);

    this.state = {

      treeData: [{ title: 'src/', children: [{ title: 'index.js' }] }],

    };

  }

  render() {

    return (

      


         this.setState({ treeData })}

          theme={FileExplorerTheme}

        />

      

    );

  }

}

```