Filament Custom Fields, Columns & Render Hooks | Mohamed Said [ ![Mohamed Said](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MH.png) Mohamed Said Laravel Backend Engineer ](https://www.msaied.com) [ Home ](https://www.msaied.com) [ Projects ](https://www.msaied.com/projects) [ Articles ](https://www.msaied.com/articles) [ Certificates ](https://www.msaied.com/certificates) [ Contact ](https://www.msaied.com#contact-section) [ ](https://github.com/EG-Mohamed) [ Home ](https://www.msaied.com) [ Projects ](https://www.msaied.com/projects) [ Articles ](https://www.msaied.com/articles) [ Certificates ](https://www.msaied.com/certificates) [ Contact ](https://www.msaied.com#contact-section) [ home ](https://www.msaied.com) [ articles ](https://www.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. [ 1. Custom Form Field Plugin ](#1-custom-form-field-plugin) 3. [ 2. Custom Table Column ](#2-custom-table-column) 4. [ 3. Render Hooks for Surgical UI Injection ](#3-render-hooks-for-surgical-ui-injection) 5. [ Packaging It All Together ](#packaging-it-all-together) 6. [ Key Takeaways ](#key-takeaways) ![Advanced Filament: Custom Field Plugins, Custom Columns, and Render Hooks](https://cdn.msaied.com/366/1e40ce8bff9cc5db154e46389e0362e9.png) #filament #laravel #php #filament-plugins Advanced Filament: Custom Field Plugins, Custom Columns, and Render Hooks =========================================================================== 5 Jul 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 1. Custom Form Field Plugin ](#1-custom-form-field-plugin) 3. [ 03 2. Custom Table Column ](#2-custom-table-column) 4. [ 04 3. Render Hooks for Surgical UI Injection ](#3-render-hooks-for-surgical-ui-injection) 5. [ 05 Packaging It All Together ](#packaging-it-all-together) 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 picker, a rich diff viewer, a sparkline column. The wrong move is to fork core or paste raw Blade into a resource. The right move is to build a proper plugin that can be versioned, tested, and shared. This article covers three extension points: a custom **Form field plugin**, a custom **Table column**, and **render hooks** for surgical UI injection. --- 1. Custom Form Field Plugin --------------------------- A Filament field is a class that extends `Filament\Forms\Components\Field` and pairs with a Blade view. ```php // src/Forms/Components/ColourSwatchPicker.php namespace Acme\FilamentColour\Forms\Components; use Filament\Forms\Components\Field; class ColourSwatchPicker extends Field { protected string $view = 'filament-colour::forms.components.colour-swatch-picker'; /** @var array */ protected array $swatches = []; public function swatches(array $colours): static { $this->swatches = $colours; return $this; } public function getSwatches(): array { return $this->swatches; } } ``` The Blade view receives `$field` automatically: ```blade {{-- resources/views/forms/components/colour-swatch-picker.blade.php --}} @foreach ($field->getSwatches() as $colour) @endforeach ``` Register it in your plugin's service provider so auto-discovery works: ```php public function packageBooted(): void { Filament::registerRenderHook('panels::body.end', fn () => ''); // Blade component registration happens via package view namespace } ``` Usage in a resource: ```php ColourSwatchPicker::make('brand_colour') ->swatches(['#ef4444', '#3b82f6', '#22c55e']) ->required(), ``` --- 2. Custom Table Column ---------------------- Custom columns extend `Filament\Tables\Columns\Column` and follow the same view convention. ```php namespace Acme\FilamentColour\Tables\Columns; use Filament\Tables\Columns\Column; class ColourSwatchColumn extends Column { protected string $view = 'filament-colour::tables.columns.colour-swatch-column'; } ``` ```blade {{-- tables/columns/colour-swatch-column.blade.php --}} ``` Because `$getState()` resolves through Filament's normal attribute pipeline, sorting, searching, and `formatStateUsing()` all work without extra effort. ```php ColourSwatchColumn::make('brand_colour') ->label('Brand') ->sortable(), ``` --- 3. Render Hooks for Surgical UI Injection ----------------------------------------- Render hooks let you inject Blade output at named slots across every Filament panel without touching a single core file. They are registered in a service provider or panel provider. ```php use Filament\Support\Facades\FilamentView; use Illuminate\Support\Facades\Blade; FilamentView::registerRenderHook( 'panels::topbar.end', fn (): string => Blade::render(''), ); ``` Available hooks include `panels::body.start`, `panels::sidebar.nav.start`, `panels::page.start`, and many more — check the Filament docs for the full list per version. For hooks that should only fire on specific pages, gate them: ```php use Filament\Pages\Page; FilamentView::registerRenderHook( 'panels::page.end', fn (): string => Blade::render(''), scopes: App\Filament\Resources\OrderResource\Pages\EditOrder::class, ); ``` --- Packaging It All Together ------------------------- Wrap everything in a Spatie Laravel Package Tools plugin: ```php public function configurePackage(Package $package): void { $package ->name('filament-colour') ->hasViews() ->hasConfigFile(); } ``` Filament's own plugin interface (`FilamentPlugin`) lets you hook into panel registration cleanly, giving you access to the panel instance for conditional logic. --- Key Takeaways ------------- - Extend `Field` or `Column` and pair with a namespaced Blade view — no hacks needed. - `@entangle($getStatePath())` is the correct Alpine bridge for two-way field state. - Render hooks are scoped to panels and pages, keeping injection surgical and reversible. - Package everything with Spatie Package Tools; Filament's auto-discovery handles the rest. - Custom columns inherit sorting, searching, and `formatStateUsing()` for free. Found this useful? [ ](https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.msaied.com%2Farticles%2Fadvanced-filament-custom-field-plugins-custom-columns-and-render-hooks-1&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%2Fwww.msaied.com%2Farticles%2Fadvanced-filament-custom-field-plugins-custom-columns-and-render-hooks-1) Frequently Asked Questions ---------------------------- 3 questions Q01 Can a custom Filament field support validation rules like built-in fields? Yes. Because your field extends `Filament\Forms\Components\Field`, you can chain any built-in rule method (`->required()`, `->rules([])`, `->minLength()`) and Filament's form validation pipeline treats it identically to a native field. Q02 How do render hooks differ between Filament v3 and v4? The hook names and the registration API are largely the same, but v4 introduced additional schema-level hooks tied to the unified Schema API. Always check the version-specific hook reference; hooks added in v4 will silently do nothing in a v3 panel. Q03 Is it safe to use Livewire components inside render hooks? Yes, using `Blade::render('<livewire:my-component />')` inside a render hook works, but each call mounts a full Livewire component. Keep them lightweight and avoid mounting the same component on every page load if it carries heavy state. Continue reading More Articles --------------- [ View all ](https://www.msaied.com/articles) [ ![DDD Value Objects and DTOs in Laravel Without the Bloat](https://cdn.msaied.com/450/41688537085b86f102fd8c219a35319f.png) laravel ddd php ### DDD Value Objects and DTOs in Laravel Without the Bloat Learn how to implement domain-driven value objects and data transfer objects in Laravel using PHP 8.3 readonly... ![Mohamed Said](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MJ.jpg) Mohamed Said 21 Jul 2026 1 min read Read ](https://www.msaied.com/articles/ddd-value-objects-and-dtos-in-laravel-without-the-bloat) [ ![Laravel + Python FastAPI: Image OCR Demo](https://cdn.msaied.com/447/5f3d87146fbf19957973cbc88c6c0155.png) Laravel Python FastAPI ### Laravel + Python FastAPI: Image OCR Demo Learn how to call a Python image OCR script from Laravel using FastAPI as the bridge. This premium tutorial wa... ![Mohamed Said](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MJ.jpg) Mohamed Said 20 Jul 2026 3 min read Read ](https://www.msaied.com/articles/laravel-python-fastapi-image-ocr-demo) [ ![Scaffold Laravel Packages with the `laravel package` Command in Installer v5.31.0](https://cdn.msaied.com/449/522e744d3c7bae1f214c179a83ae5b88.png) Laravel Installer Package Development CLI ### Scaffold Laravel Packages with the `laravel package` Command in Installer v5.31.0 Laravel Installer v5.31.0 introduces a `laravel package` command to scaffold packages from the CLI, automated... ![Mohamed Said](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MJ.jpg) Mohamed Said 20 Jul 2026 3 min read Read ](https://www.msaied.com/articles/scaffold-laravel-packages-with-the-laravel-package-command-in-installer-v5310) [ ![Mohamed Said](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MH.png) Mohamed Said Laravel Backend Engineer ](https://www.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://www.msaied.com) - [Projects](https://www.msaied.com/projects) - [Articles](https://www.msaied.com/articles) - [Certificates](https://www.msaied.com/certificates) - [Contact](https://www.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)