@ied/tree-select

Tree Select

Install

yarn add @ied/tree-select

Use

[
  {
    "id": "9473aed3-94e2-4618-895a-f54df27b8a8d",
    "name": "Cat1",
    "indent": 0
  },
  {
    "id": "db763d1b-d87e-46df-b706-023965f6e4fa",
    "name": "Cat1Sub1",
    "indent": 1
  },
  {
    "id": "8909ce93-1a50-40e5-a783-7e0c4ed02639",
    "name": "Cat1Sub1Item1",
    "indent": 2
  }
]

Dataset order is important

<Select data={data} onChange={console.log} />