Filament Custom Fields, Columns & Render Hooks | Mohamed Said [ ![Mohamed Said](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MH.png) Mohamed Said Laravel Backend Engineer ](https://msaied.com) [ Home ](https://msaied.com) [ Projects ](https://msaied.com/projects) [ Articles ](https://msaied.com/articles) [ Certificates ](https://msaied.com/certificates) [ Contact ](https://msaied.com#contact-section) [ ](https://github.com/EG-Mohamed) [ Home ](https://msaied.com) [ Projects ](https://msaied.com/projects) [ Articles ](https://msaied.com/articles) [ Certificates ](https://msaied.com/certificates) [ Contact ](https://msaied.com#contact-section) [ home ](https://msaied.com) [ articles ](https://msaied.com/articles) Advanced Filament: Custom Field Plugins, Custom Columns, and Render Hooks On this page 1. [ Why Extend Filament at the Component Level ](#why-extend-filament-at-the-component-level) 2. [ Building a Custom Field Plugin ](#building-a-custom-field-plugin) 3. [ Service Provider and Auto-Discovery ](#service-provider-and-auto-discovery) 4. [ Custom Table Columns ](#custom-table-columns) 5. [ Render Hooks: Injecting Into Panel Layouts ](#render-hooks-injecting-into-panel-layouts) 6. [ Key Takeaways ](#key-takeaways) ![Advanced Filament: Custom Field Plugins, Custom Columns, and Render Hooks](https://cdn.msaied.com/306/bfb43236ced4112cc9dab99a3eee82d2.png) #filament #laravel #php #filament-plugins Advanced Filament: Custom Field Plugins, Custom Columns, and Render Hooks =========================================================================== 27 Jun 2026 3 min read ![Mohamed Said](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MJ.jpg) Mohamed Said Table of contents 1. [ 01 Why Extend Filament at the Component Level ](#why-extend-filament-at-the-component-level) 2. [ 02 Building a Custom Field Plugin ](#building-a-custom-field-plugin) 3. [ 03 Service Provider and Auto-Discovery ](#service-provider-and-auto-discovery) 4. [ 04 Custom Table Columns ](#custom-table-columns) 5. [ 05 Render Hooks: Injecting Into Panel Layouts ](#render-hooks-injecting-into-panel-layouts) 6. [ 06 Key Takeaways ](#key-takeaways) Why Extend Filament at the Component Level ------------------------------------------ Filament ships with a rich set of fields and columns, but production panels inevitably need components that don't exist yet: a colour-swatch column, a money-input field with currency selection, a sidebar widget injected via a render hook. Reaching for a raw Blade view every time creates drift. Building a proper plugin — even an internal one — gives you auto-discovery, configuration, and testability. --- Building a Custom Field Plugin ------------------------------ A Filament field is a PHP class that extends `Filament\Forms\Components\Field` and pairs with a Blade view. The plugin wrapper registers it cleanly. ```php // src/Fields/MoneyInput.php namespace Acme\FilamentMoney\Fields; use Filament\Forms\Components\Field; class MoneyInput extends Field { protected string $view = 'filament-money::fields.money-input'; protected string $currency = 'USD'; public function currency(string $currency): static { $this->currency = $currency; return $this; } public function getCurrency(): string { return $this->currency; } } ``` ```blade {{-- resources/views/fields/money-input.blade.php --}} {{ $getRecord()?->currency ?? $getCurrency() }} ``` The `$applyStateBindingModifiers()` helper respects `lazy`, `debounce`, and `live` modifiers set by the form author — always use it instead of hardcoding `wire:model`. ### Service Provider and Auto-Discovery ```php namespace Acme\FilamentMoney; use Filament\Support\Assets\Css; use Filament\Support\Facades\FilamentAsset; use Spatie\LaravelPackageTools\Package; use Spatie\LaravelPackageTools\PackageServiceProvider; class FilamentMoneyServiceProvider extends PackageServiceProvider { public function configurePackage(Package $package): void { $package->name('filament-money')->hasViews('filament-money'); } public function packageBooted(): void { FilamentAsset::register([ Css::make('filament-money', __DIR__.'/../dist/filament-money.css'), ], 'acme/filament-money'); } } ``` Filament's `FilamentAsset` facade handles asset versioning and panel-scoped injection — no manual Vite config needed in the consuming app. --- Custom Table Columns -------------------- Custom columns extend `Filament\Tables\Columns\Column`. The key is overriding `getState()` when you need derived data, and providing a typed view. ```php namespace Acme\FilamentMoney\Columns; use Filament\Tables\Columns\Column; class MoneyColumn extends Column { protected string $view = 'filament-money::columns.money-column'; protected string $currency = 'USD'; public function currency(string $currency): static { $this->currency = $currency; return $this; } public function getFormattedState(): string { $amount = $this->getState(); if ($amount === null) return '—'; return number_format((float) $amount / 100, 2) . ' ' . $this->currency; } } ``` ```blade {{-- resources/views/columns/money-column.blade.php --}} {{ $getFormattedState() }} ``` Keep column views stateless — no `wire:model`, no Alpine state. Columns render inside a Livewire table loop; any reactive state belongs in a custom action or a slide-over, not the cell itself. --- Render Hooks: Injecting Into Panel Layouts ------------------------------------------ Render hooks let you inject Blade content at named positions in any Filament panel without overriding core views. ```php // In a PanelProvider or plugin's register() method use Filament\Support\Facades\FilamentView; use Filament\View\PanelsRenderHook; FilamentView::registerRenderHook( PanelsRenderHook::SIDEBAR_NAV_END, fn (): string => view('filament-money::hooks.upgrade-banner')->render(), ); ``` Scope hooks to specific panels to avoid bleed across multi-panel setups: ```php FilamentView::registerRenderHook( PanelsRenderHook::PAGE_HEADER_ACTIONS_BEFORE, fn (): string => view('partials.environment-badge')->render(), scopes: \App\Filament\AdminPanelProvider::class, ); ``` The `scopes` parameter accepts a single class string or an array — essential when you run separate `admin` and `app` panels in the same installation. --- Key Takeaways ------------- - Extend `Field` and `Column` directly; pair each with a dedicated Blade view that uses Filament's helper methods (`$getStatePath()`, `$applyStateBindingModifiers()`). - Register assets via `FilamentAsset` — it handles versioning and panel scoping automatically. - Keep column views stateless; reactive behaviour belongs in actions or slide-overs. - Use `PanelsRenderHook` constants (not raw strings) and always scope hooks to the target panel in multi-panel apps. - Even internal plugins deserve a `ServiceProvider` — it makes testing, versioning, and team onboarding dramatically easier. Found this useful? [ ](https://twitter.com/intent/tweet?url=https%3A%2F%2Fmsaied.com%2Farticles%2Fadvanced-filament-custom-field-plugins-custom-columns-and-render-hooks&text=Advanced+Filament%3A+Custom+Field+Plugins%2C+Custom+Columns%2C+and+Render+Hooks) [ ](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fmsaied.com%2Farticles%2Fadvanced-filament-custom-field-plugins-custom-columns-and-render-hooks) Frequently Asked Questions ---------------------------- 3 questions Q01 Can I use Livewire `wire:model` directly inside a custom column view? No. Table columns render inside a Livewire loop and are not individually reactive. Use `wire:model` only in Field views. For interactive column behaviour, open an inline action or a slide-over panel instead. Q02 How do I scope a render hook to only one panel when running multiple Filament panels? Pass the `scopes` argument to `FilamentView::registerRenderHook()` with the fully-qualified class name of your target `PanelProvider`. This prevents the hook from rendering in every panel on the same installation. Q03 Do I need to publish Filament's views to create a custom field view? No. Custom field and column views live in your own package or app namespace. You register the view path via `loadViewsFrom()` in your service provider and reference it with a namespaced string like `filament-money::fields.money-input`. Continue reading More Articles --------------- [ View all ](https://msaied.com/articles) [ ![Advanced Eloquent Casts: Custom Cast Classes, Value Objects, and Inbound-Only Transforms](https://cdn.msaied.com/307/d9832b90141b009f63e8e55ea856cb3a.png) laravel eloquent value-objects ### Advanced Eloquent Casts: Custom Cast Classes, Value Objects, and Inbound-Only Transforms Go beyond built-in Eloquent casts. Learn to build custom cast classes, wrap primitives in value objects, and a... ![Mohamed Said](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MJ.jpg) Mohamed Said 27 Jun 2026 4 min read Read ](https://msaied.com/articles/advanced-eloquent-casts-custom-cast-classes-value-objects-and-inbound-only-transforms) [ ![Livewire v3 Performance: Optimistic UI, Wire:model.live Debouncing, and Dirty State](https://cdn.msaied.com/305/98e4a28fdff5a8448e19534c07bb391d.png) livewire laravel performance ### Livewire v3 Performance: Optimistic UI, Wire:model.live Debouncing, and Dirty State Practical techniques for squeezing real performance out of Livewire v3: controlling when the server round-trip... ![Mohamed Said](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MJ.jpg) Mohamed Said 27 Jun 2026 3 min read Read ](https://msaied.com/articles/livewire-v3-performance-optimistic-ui-wiremodellive-debouncing-and-dirty-state) [ ![Testing Filament Resources, Actions, and Form Assertions with Pest](https://cdn.msaied.com/304/2d16aec8179bbaae9647506470a85e40.png) filament pest testing ### Testing Filament Resources, Actions, and Form Assertions with Pest A practical guide to writing reliable Pest tests for Filament v3/v4 resources, covering table actions, form su... ![Mohamed Said](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MJ.jpg) Mohamed Said 27 Jun 2026 3 min read Read ](https://msaied.com/articles/testing-filament-resources-actions-and-form-assertions-with-pest-1) [ ![Mohamed Said](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MH.png) Mohamed Said Laravel Backend Engineer ](https://msaied.com)Senior Backend Engineer specializing in Laravel, scalable SaaS platforms, APIs, and cloud infrastructure. I build secure, high-performance web applications that help businesses grow. Explore - [Home](https://msaied.com) - [Projects](https://msaied.com/projects) - [Articles](https://msaied.com/articles) - [Certificates](https://msaied.com/certificates) - [Contact](https://msaied.com#contact-section) Connect - [ hello@msaied.com ](mailto:hello@msaied.com) - [ +20 109 461 9204 ](tel:+201094619204) © 2026 Mohamed Said. All rights reserved. [ ](https://github.com/EG-Mohamed) [ ](https://www.linkedin.com/in/msaiedm/) [ ](https://wa.me/201094619204) [ ](mailto:hello@msaied.com) [ ](https://drive.google.com/file/u/0/d/1MF20IPRJyzfy32mhEutjL5EpSls0w2Q8/view)