Filament: Add Menu Items to the Top-Right User Menu

Filament allows you to add navigation items to the user menu. In this tutorial, we will see all the options and how they look visually.

When you create a Filament panel, this is how the default user menu looks like:

You can add custom links to this navigation using the userMenuItems() method in the panel provider. For example, you have a custom settings page which you would like to add the user menu.

use App\Filament\Pages\Settings;
use Filament\Navigation\MenuItem;
 
$panel
    // ...
    ->userMenuItems([
        MenuItem::make()
            ->label('Settings')
            ->url(fn (): string => Settings::getUrl())
            ->icon('heroicon-o-cog-6-tooth'),
    ]);