react-folder-tree-search
v1.0.2
Published
A React folder tree search component using MUI and react-icons
Maintainers
Readme
📁 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}
/>
);
};