### Install filament-logo package Source: https://github.com/jeffersongoncalves/filament-logo/blob/3.x/resources/boost/skills/filament-logo-development/SKILL.md Install the plugin via Composer. Version ^3.0 requires Filament ^5.0 and PHP ^8.2. ```bash composer require jeffersongoncalves/filament-logo:^3.0 ``` -------------------------------- ### Run tests with composer test Source: https://github.com/jeffersongoncalves/filament-logo/blob/3.x/README.md Run the package's test suite. ```bash composer test ``` -------------------------------- ### Publish filament-logo views Source: https://github.com/jeffersongoncalves/filament-logo/blob/3.x/resources/boost/skills/filament-logo-development/SKILL.md Publish the plugin's views to customize the CSS or markup. ```bash php artisan vendor:publish --tag="filament-logo-views" ``` -------------------------------- ### Register Filament render hooks for logo injection Source: https://github.com/jeffersongoncalves/filament-logo/blob/3.x/resources/boost/skills/filament-logo-development/SKILL.md Registers two render hooks in the LogoServiceProvider's packageRegistered() method: HEAD_END injects the styles view and TOPBAR_BEFORE injects the logo markup view. ```php use Filament\Support\Facades\FilamentView; use Filament\View\PanelsRenderHook; FilamentView::registerRenderHook( PanelsRenderHook::HEAD_END, fn (): View => view('filament-logo::styles') ); FilamentView::registerRenderHook( PanelsRenderHook::TOPBAR_BEFORE, fn (): View => view('filament-logo::logo-before') ); ``` -------------------------------- ### Responsive CSS for logo-before class Source: https://github.com/jeffersongoncalves/filament-logo/blob/3.x/resources/boost/skills/filament-logo-development/SKILL.md Responsive CSS injected by the filament-logo::styles view. The .logo-before class is flex-centered with padding, and is hidden at 1024px and above. ```html ``` -------------------------------- ### Blade markup for logo-before view Source: https://github.com/jeffersongoncalves/filament-logo/blob/3.x/resources/boost/skills/filament-logo-development/SKILL.md Blade template for the filament-logo::logo-before view. It wraps the Filament logo in a link if a home URL is available, otherwise renders the logo without a link. ```blade
``` -------------------------------- ### Override Filament logo component Source: https://github.com/jeffersongoncalves/filament-logo/blob/3.x/resources/boost/skills/filament-logo-development/SKILL.md Override Filament's built-in logo component to customize the logo. Place this file in the specified vendor views path. ```blade {{-- resources/views/vendor/filament-panels/components/logo.blade.php --}}