Moving Global Search to Sidebar

Filament 3

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?

Get the Source Code:

Only This Example

One-time payment

Full source code for Moving Global Search to Sidebar

Downloadable ZIP file with the source code

Lifetime access to this example

Best value — all 168 examples

FilamentExamples Membership

$99 /year

$199 lifetime

Access to code of all 168 examples

Future new examples and updates included

FilaCheck Pro package licence included

MCP server included

View membership plans

30-day money-back guarantee

How it works

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

app/Providers/AppServiceProvider.php:

use Filament\View\PanelsRenderHook;
use Illuminate\Support\Facades\Blade;
use Filament\Support\Facades\FilamentView;
 
class AppServiceProvider extends ServiceProvider
{
    // ...
 
    public function boot(): void
    {
        FilamentView::registerRenderHook(
        // ...

The FULL tutorial is available after the purchase: in the Readme file of the official repository you would get invited to.