deni-react-treeview-amir

    0.2.23 • Public • Published

    deni-react-treeview-amir

    A modern, themable and configurable treeview for React, Which support RTL

    site, examples

    alt text

    TODO: In the future I will implement the tests, Cloud CI.

    Installing with NPM

    npm install deni-react-treeview-amir --save (React 16)
    

    Usage

    Added to your react component

        <TreeView url="https://denifakedata.herokuapp.com/tree/countries" rtl={true}/> 

    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)
    • rtl (boolean)

    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

    Amirreza Sharifi (sharifi.amirreza92@gmail.com)

    Install

    npm i deni-react-treeview-amir

    DownloadsWeekly Downloads

    7

    Version

    0.2.23

    License

    MIT

    Unpacked Size

    4.48 MB

    Total Files

    169

    Last publish

    Collaborators

    • amir-ashy