https://github.com/dimuthruwantha/react-dynamic-animated-tree

npm package of react-animated-tree
https://github.com/dimuthruwantha/react-dynamic-animated-tree

animated animation react treeview

Last synced: about 2 months ago
JSON representation

npm package of react-animated-tree

• Host: GitHub
• URL: https://github.com/dimuthruwantha/react-dynamic-animated-tree
• Owner: DimuthRuwantha
• Created: 2020-04-24T02:16:26.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T04:19:08.000Z (almost 2 years ago)
• Last Synced: 2024-10-07T05:18:33.293Z (3 months ago)
• Topics: animated, animation, react, treeview
• Language: JavaScript
• Homepage: https://dimuthruwantha.github.io/react-dynamic-animated-tree/
• Size: 2.02 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 23
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# react-dynamic-animated-tree

> React animated tree with dynamically generated with the data

[![NPM](https://img.shields.io/npm/v/react-dynamic-animated-tree.svg)](https://www.npmjs.com/package/react-dynamic-animated-tree) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com) ![Node.js CI](https://github.com/DimuthRuwantha/create-dynamic-animated-tree/workflows/Node.js%20CI/badge.svg)

## Install

```bash

npm install --save react-dynamic-animated-tree

```



  



Demo

https://codesandbox.io/s/react-dynamic-tree-git8z

## Usage

```jsx

import React, { Component } from 'react'

import DynamicTree  from 'react-dynamic-animated-tree'

var data = [{

  "title": "Sri Lanka",

  "id": "1",

  "childNodes": [{

      "title": "Western Province",

      "id": "11",

      "childNodes": [{

        "title": "Colombo District",

        "id": "111",

        "childNodes": [], 

      }],

  },

  {

    "title": "Central Province",

    "id": "12",

    "childNodes": [{

      "parentNode": null,

      "childNodes": [],

      "title": "Kandy",

      "id": "121"

      }],

  }],

},

{

  "title": "India",

  "id": "2",

  "childNodes": [{

    "title": "Maharashtra",

    "id": "21",

    "childNodes": [{

      "title": "Pune",

      "id": "211",

      "childNodes": [],

    }],

  }],  

}]

class Example extends Component {

  render() {

    return 

  }

}

```

## License

MIT © [DimuthRuwantha](https://github.com/DimuthRuwantha)