/hui-tree

Headless UI TreeView/TreeList based on React, display recursive elements you can interact with

Primary LanguageTypeScriptMIT LicenseMIT

HeadlessUI Tree

Headless UI principles with React applied to Trees

Contents

  1. Tech stack
  2. Install
  3. Usage
  4. Necessity
  5. Credits

Tech stack

Back to the contents

  • React
  • TypeScript

Install

Back to the contents

pnpm install hui-tree

Usage

Back to the contents

import React from 'react';
import {useTree} from '@jofaval/hui-tree'

const MyComponent: React.FC = () => {
    const {} = useTree

    return (
        {/* ... */}
    )
}

Necessity

Back to the contents

Work experience, some libraries feel awful to work with (bad DX because they're outdated), and while the typing system is great, they don't fully integrate with React.

But the worst part of it all, is that they're a pain to customize (if it's possible at times, that is)

Credits

Back to the contents