https://github.com/denimar/deni-react-treeview
A modern, themable and configurable treeview for React
https://github.com/denimar/deni-react-treeview
react treeview
Last synced: 9 months ago
JSON representation
A modern, themable and configurable treeview for React
- Host: GitHub
- URL: https://github.com/denimar/deni-react-treeview
- Owner: denimar
- License: mit
- Created: 2017-01-25T03:46:32.000Z (over 9 years ago)
- Default Branch: develop
- Last Pushed: 2023-01-03T21:02:13.000Z (over 3 years ago)
- Last Synced: 2024-04-14T15:36:19.181Z (about 2 years ago)
- Topics: react, treeview
- Language: CSS
- Homepage: https://denimar.github.io/deni-react-treeview/
- Size: 9.92 MB
- Stars: 57
- Watchers: 2
- Forks: 24
- Open Issues: 34
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# deni-react-treeview
A modern, themable and configurable treeview for React
[live examples](https://deni-react-treeview.vercel.app/)
TODO: Implement unit tests, E2E tests, CI.
## Installing with NPM
npm install deni-react-treeview --save
## Usage
Added to your react component
```html
```
For more details: [examples](https://deni-react-treeview.vercel.app/)
## API
[documentation](https://denimar.github.io/deni-react-treeview/api.html)
## 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
```javascript
[
{
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.](https://raw.githubusercontent.com/denimar/deni-react-treeview/develop/LICENSE-MIT)
## Author
[Denimar de Moraes](http://github.com/denimar) (denimar@gmail.com) is a full-stack developper at Feracode, Florianópolis, Santa Catarina, Brazil.
[
](https://www.linkedin.com/in/denimar-moraes/?locale=en_US)