Global Search Modal
Advanced Global Search Experience
Author:
charrafi mohamed
Documentation
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
documentations markdown: https://github.com/CharrafiMed/gsm-docs
#Requirement
Filament v4 or v5.
#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
The author
I'm a mathematician and full-stack developer with a passion for programming, specializing in the TALL stack, Inertia.js, and React.js/Vue.js.