• Screenshots
  • active search example
    • Light Mode
    • Dark Mode
  • empty query string
    • Light Mode
    • Dark Mode
    • when filament's gray sets to slate for example :
• Full Docs
• Requirement
• Installation
• Configuring
  • plugin per panel

The Global Search Modal is a powerful and customizable global search plugin for Filament inspired by the Algolia search modal, enhancing the default search functionality with features like keeping track of favorites, recent searches for each panel you have in your filament app, and highlighting.

#Screenshots

#active search example

#Light Mode

#Dark Mode

#empty query string

#Light Mode

#Dark Mode

#when filament's gray sets to slate for example :

#Full Docs

refer to it's official documentation website

#Requirement

Filament v4 .

#Installation

Follow these steps to install the Global Search Modal Plugin in your Filament app:

composer require charrafimed/global-search-modal

#Configuring

#plugin per panel

use CharrafiMed\GlobalSearchModal\GlobalSearchModalPlugin;
 
public function panel(Panel $panel): Panel
{
    return $panel
        ...
        ->plugins([
            GlobalSearchModalPlugin::make()
        ])
}

that's it, if you have global search enabled in your panel, so you have a fully featured experience