Filament Custom Fields, Columns & Render Hooks | Mohamed Said [Skip to content](#main) [ ![](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MH.png) Mohamed SaidLaravel Backend Engineer ](https://www.msaied.com/public) - [Home](https://www.msaied.com/public) - [Projects](https://www.msaied.com/public/projects) - [Articles](https://www.msaied.com/public/articles) - [Certificates](https://www.msaied.com/public/certificates) - [About](https://www.msaied.com/public#about) [ Contact](https://www.msaied.com/public#contact) Menu Menu ---- Close - [HomeStart here](https://www.msaied.com/public) - [ProjectsCase studies](https://www.msaied.com/public/projects) - [ArticlesEngineering notes](https://www.msaied.com/public/articles) - [CertificatesCredentials](https://www.msaied.com/public/certificates) - [AboutHow I work](https://www.msaied.com/public#about) - [ContactGet in touch](https://www.msaied.com/public#contact) [Start a conversation](https://www.msaied.com/public#contact) [WhatsApp](https://wa.me/201094619204) [Email](mailto:hello@msaied.com) 1. [Home](https://www.msaied.com/public) 2. / 3. [Articles](https://www.msaied.com/public/articles) 4. / 5. Advanced Filament: Custom Field Plugins, Custom Columns, and Render Hooks Advanced Filament: Custom Field Plugins, Custom Columns, and Render Hooks ========================================================================== Go beyond built-in components: build a reusable Filament custom field plugin, a typed custom column, and wire render hooks into panel layouts — all with production-grade patterns. ![](https://cdn.msaied.com/01M22N44A70A5MC2S599JP0MPH.webp) [Mohamed Said](https://www.msaied.com/public#person) Published 27 Jun 2026 · Updated 27 Jun 2026 · 3 min read ShareCopy linkCopied ![Advanced Filament: Custom Field Plugins, Custom Columns, and Render Hooks](https://cdn.msaied.com/306/bfb43236ced4112cc9dab99a3eee82d2.png) 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) 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. - [filament](https://www.msaied.com/public/articles?search=filament) - [laravel](https://www.msaied.com/public/articles?search=laravel) - [php](https://www.msaied.com/public/articles?search=php) - [filament-plugins](https://www.msaied.com/public/articles?search=filament-plugins) Frequently asked questions --------------------------- 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. 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. 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`. ![Mohamed Said](https://cdn.msaied.com/01M22N44A70A5MC2S599JP0MPH.webp)About the author ---------------- [Mohamed Said](https://www.msaied.com/public#person)Senior Backend Engineer specializing in Laravel, scalable SaaS platforms, APIs, and cloud infrastructure. I build secure, high-performance web applications that help businesses grow. [About](https://www.msaied.com/public#about) [GitHub ↗](https://github.com/EG-Mohamed) [LinkedIn ↗](https://www.linkedin.com/in/msaiedm/) [WhatsApp ↗](https://wa.me/201094619204) [Email Address ↗](mailto:hello@msaied.com) [My CV ↗](https://drive.google.com/file/u/0/d/1MF20IPRJyzfy32mhEutjL5EpSls0w2Q8/view) [Previous articleLivewire v3 Performance: Optimistic UI, Wire:model.live Debouncing, and Dirty State](https://www.msaied.com/public/articles/livewire-v3-performance-optimistic-ui-wiremodellive-debouncing-and-dirty-state) [Next articleAdvanced Eloquent Casts: Custom Cast Classes, Value Objects, and Inbound-Only Transforms](https://www.msaied.com/public/articles/advanced-eloquent-casts-custom-cast-classes-value-objects-and-inbound-only-transforms) 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) ### Have a technical challenge? Tell me what you’re building. I reply within two working days. [Start a conversation](https://www.msaied.com/public#contact) Related articles ----------------- [ ![](https://cdn.msaied.com/740/cce86edc21eddcbdd2f2454fadaf9c70.png) · 3 min read### The Pipeline Pattern in Laravel: Custom Pipelines Beyond Middleware 5 Oct 2026 ](https://www.msaied.com/public/articles/the-pipeline-pattern-in-laravel-custom-pipelines-beyond-middleware-1) [ ![](https://cdn.msaied.com/739/2d6897fdcdcf090613f96f72a64b8a78.png) · 4 min read### MySQL Full-Text Search in Laravel: Indexes, Relevance Scoring, and Boolean Mode 4 Oct 2026 ](https://www.msaied.com/public/articles/mysql-full-text-search-in-laravel-indexes-relevance-scoring-and-boolean-mode) [ ![](https://cdn.msaied.com/738/073696a3fefe18bec825beec5ac658f5.png) · 4 min read### Laravel Queue Rate-Limited Middleware: Throttling Jobs Without Losing Work 4 Oct 2026 ](https://www.msaied.com/public/articles/laravel-queue-rate-limited-middleware-throttling-jobs-without-losing-work) Have a technical challenge? ---------------------------- Tell me what you’re building. I reply within two working days. [Discuss your project ↗](https://www.msaied.com/public#contact) © 2026 Mohamed Said · Built with Laravel, meant to last.Senior Backend Engineer specializing in Laravel, scalable SaaS platforms, APIs, and cloud infrastructure. I build secure, high-performance web applications that help businesses grow. - [Home](https://www.msaied.com/public) - [Articles](https://www.msaied.com/public/articles) - [Certificates](https://www.msaied.com/public/certificates) - [GitHub](https://github.com/EG-Mohamed) - [LinkedIn](https://www.linkedin.com/in/msaiedm/) - [WhatsApp](https://wa.me/201094619204) - [Email Address](mailto:hello@msaied.com) - [My CV](https://drive.google.com/file/u/0/d/1MF20IPRJyzfy32mhEutjL5EpSls0w2Q8/view) - [Sitemap](https://www.msaied.com/public/sitemap.xml)