==>digitus-search-component

A reusable and lightweight React search component for filtering blog posts, products, or any list of items in real-time. Easily customizable and designed for quick integration into any React project.

==>Features

Real-time search and filtering Fully reusable across pages and projects Lightweight – zero external UI dependencies Works for blogs, product lists, or any array of strings Built with pure React (no CSS frameworks required)

==> Installation npm install digitus-search-component

==> Usage

import React, { useState } from "react"; import SearchComponent from "digitus-search-component";

const App = () => { const items = ["Apple", "Banana", "Cherry", "Mango", "Orange"]; const [filteredItems, setFilteredItems] = useState(items);

return ( Search Example <SearchComponent placeholder="Search fruits..." data={items} onSearch={(results) => setFilteredItems(results)} />

  <ul>
    {filteredItems.map((item, i) => (
      <li key={i}>{item}</li>
    ))}
  </ul>
</div>

); };

export default App;

==> Example Use Cases

Product search bar in an e-commerce store

Blog post filter by title

Real-time list filter for any dataset