❤
npm
Sign UpSign In

deni-react-treeview
TypeScript icon, indicating that this package has built-in type declarations

1.1.11 • Public • Published

deni-react-treeview

A modern, themable and configurable treeview for React

live examples

alt text

TODO: Implement unit tests, E2E tests, CI.

Installing with NPM

npm install deni-react-treeview --save

Usage

Added to your react component

    <TreeView url="https://raw.githubusercontent.com/denimar/deni-react-treeview/develop/src/assets/data/countries.json" /> 

For more details: examples

API

documentation

Features

  • Cross-Browser.
  • Binding to a JSON (locally, remotely and lazy-load)
  • Predefined Themes
  • Theme Customization
  • Events
  • Checkboxes
  • And so on...

Properties

  • autoLoad (boolean)
  • lazyLoad (boolean)
  • marginItems (integer)
  • selectRow (boolean)
  • showCheckbox (boolean)
  • showIcon (boolean)
  • showRoot (boolean)
  • theme (string)

Events

  • OnRenderItem
  • onBeforeLoad
  • onAfterLoad
  • onSelectItem
  • onExpanded
  • onColapsed
  • onLazyLoad
  • onCheckItem

json example

[
  {
    id: 100,
    text: 'Fruits',
    children: [
      {
        id: 101,
        text: 'Orange',
        isLeaf: true
      },
      {
        id: 102,
        text: 'Banana',
        isLeaf: true
      }
    ]
  },
  {
    id: 200,
    text: 'Vegetables',
    children: [
      {
        id: 201,
        text: 'Carrot',
        isLeaf: true
      },
      {
        id: 202,
        text: 'Tomato',
        isLeaf: true
      }
    ]
  }
]

License

MIT.

Author

Denimar de Moraes (denimar@gmail.com) is a full-stack developper at Feracode, Florianópolis, Santa Catarina, Brazil.

Versions

Current Tags

VersionDownloads (Last 7 Days)Tag
1.1.11997latest

Version History

VersionDownloads (Last 7 Days)Published
1.1.11997
1.1.100
1.1.90
1.1.80
1.1.70
1.1.67
1.1.50
1.1.40
1.1.31
1.1.20
1.1.10
1.0.1070
1.0.1060
1.0.1050
1.0.1040
1.0.1030
1.0.1020
1.0.1010
1.0.1000
1.0.990
1.0.980
1.0.970
1.0.950
1.0.940
1.0.920
1.0.910
1.0.901
1.0.890
1.0.880
1.0.870
1.0.860
1.0.850
1.0.840
1.0.830
1.0.820
1.0.800
1.0.790
1.0.780
1.0.741
1.0.730
1.0.710
1.0.700
1.0.630
1.0.620
1.0.610
1.0.600
1.0.590
1.0.580
1.0.570
1.0.560
1.0.450
1.0.390
1.0.350
1.0.340
1.0.270
1.0.261
1.0.250
1.0.240
1.0.220
1.0.210
1.0.200
1.0.190
1.0.180
1.0.171
1.0.150
1.0.140
1.0.130
1.0.120
1.0.100
1.0.90
1.0.80
1.0.70
1.0.60
1.0.50
1.0.40
1.0.30
1.0.20
1.0.10
1.0.00
0.2.20415
0.2.190
0.2.180
0.2.170
0.2.160
0.2.150
0.2.142
0.2.130
0.2.120
0.2.110
0.2.100
0.2.91
0.2.70
0.2.61
0.2.50
0.2.40
0.2.20
0.2.11
0.2.01
0.1.133
0.1.120
0.1.110
0.1.90
0.1.80
0.1.60
0.1.50
0.1.30
0.1.20
0.1.10
0.1.00
0.0.110
0.0.100
0.0.90
0.0.80
0.0.70
0.0.60
0.0.40
0.0.10

Package Sidebar

Install

npm i deni-react-treeview

Repository

github.com/denimar/deni-react-treeview

Homepage

github.com/denimar/deni-react-treeview

Weekly Downloads

1,433

Version

1.1.11

License

MIT

Unpacked Size

332 kB

Total Files

58

Last publish

Collaborators

  • denimar
Try on RunKit
Report malware