Filament: Moving Global Search to Sidebar

Sometimes, we do not want things to be placed in the default position. In this case, we are talking about a search bar. But did you know that you can easily move it to the sidebar?

FilamentExamples ThumbBase (23)

Get the Source Code:

How it works

To show search in the sidebar, we use the SIDEBAR_NAV_START Render Hook to add a GlobalSearch Livewire component.


use Filament\View\PanelsRenderHook;
use Illuminate\Support\Facades\Blade;
use Filament\Support\Facades\FilamentView;
class AppServiceProvider extends ServiceProvider
// ...
public function boot(): void
// ...
The FULL tutorial is available after the purchase: in the Readme file of the official repository you would get invited to.
Get the Source Code: All 50 Premium Examples for $99 Only Project Examples for $59