A headless tree select utility using hooks.
npm install react-tree-select-hook> A headless tree select utility using hooks.
 
``bash`
npm install --save react-tree-select-hook
`tsx
import React from 'react'
import { useTreeSelect } from 'react-tree-select-hook'
const drinksAndSnacksNodes = [
{
label: 'Drinks',
children: [
{
label: 'Coke'
},
{
label: 'Water'
}
]
},
{
label: 'Snacks',
children: [
{
label: 'Cookies'
}
]
}
]
export const Standard = () => {
const {
nodes,
getCheckboxProps,
getExpandButtonProps,
isExpanded,
simplifiedSelection
} = useTreeSelect(drinksAndSnacksNodes)
// Since the tree can have a variable number of levels, let's define a component that renders
// in a recursive way
const TreeSelectNode = ({ node }) => {
return (
return (
``
MIT © Björn Wahle