https://github.com/sirwanafifi/tw-tr

React Tree View Component built on top of TailwindCSS/TypeScript/Context API
https://github.com/sirwanafifi/tw-tr

component context-api react recursive storybook tailwindcss treeview typescript

Last synced: about 1 year ago
JSON representation

React Tree View Component built on top of TailwindCSS/TypeScript/Context API

• Host: GitHub
• URL: https://github.com/sirwanafifi/tw-tr
• Owner: SirwanAfifi
• License: mit
• Created: 2021-01-09T18:20:12.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2021-01-20T16:08:11.000Z (over 5 years ago)
• Last Synced: 2025-04-19T14:35:26.955Z (about 1 year ago)
• Topics: component, context-api, react, recursive, storybook, tailwindcss, treeview, typescript
• Language: TypeScript
• Homepage:
• Size: 366 KB
• Stars: 28
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
## TailwindCSS Tree View

React Tree View Component built on top TailwindCSS/TypeScript.







## Example

```json

{

  "title": "root",

  "children": [

    {

      "title": "Child1",

      "children": [

        {

          "title": "Child2",

          "children": [

            {

              "title": "Child2-1",

            },

            {

              "title": "Child2-2",

              "children": []

            }

          ]

        }

    }

  ]

}

```

```tsx

export const Default = () => {

  return (

    

      

      

    

  );

};

```

## Running the project

```js

yarn

yarn build:tailwind

yarn storybook

```

## Dependencies

- tailwindcss

- @headlessui/react

- typescript