@a24z/dynamic-file-tree

React component for selective directory filtering and file tree visualization.

Overview

This package provides React components that allow users to:
- Select specific directories from a file tree
- Filter and show only selected directories
- Toggle directories as visible/hidden
- Provide a clean, filtered view of file trees

Inspired by the directory filter implementation in the electron-app search feature.

Installation

``bash
npm install @a24z/dynamic-file-tree


or

yarn add @a24z/dynamic-file-tree

or

bun add @a24z/dynamic-file-tree
`

Usage

`tsx
import { DynamicFileTree } from '@a24z/dynamic-file-tree';

function App() {
return (
// Props to be defined
/>
);
}
`

Development

`bash


Install dependencies

bun install

Run tests

bun test

Build the project

bun run build

Type check

bun run typecheck

Lint

bun run lint

Run Storybook

bun run storybook
``

License

MIT

Credits

Developed by a24z.ai