react-folder-tree-search

📁 React Folder Tree Search

A simple, customizable React component for rendering and searching folder structures using a tree view interface.

Built with React, Vite, and optionally styled with React Icons.

🚀 Features

• 🔍 Real-time folder search with auto-expand
• 📂 Tree structure with expand/collapse
• 📁 Clean folder UI with icon support
• ✅ Lightweight, no heavy dependencies
• 💡 Easily customizable & reusable

📦 Installation

npm install react-folder-tree-search

📦 Usage

import React from "react";
import TreeSearch from "react-folder-tree-search";

const folderData = [
  {
    folderId: "1",
    name: "Root",
    parentFolderId: null,
    children: [],
  },
];

const App = () => {
  const handleFolderSelection = (id) => console.log(id);

  return (
    <TreeSearch
      data={folderData}
      handleFolderSelection={handleFolderSelection}
    />
  );
};