Build Advanced Components for Filament
Once you're confidently building interfaces with all the components that are included with Filament, you'll likely want to begin building your own custom ones.
Hi, I'm Dan: the co-founder of Filament. This series will teach you how to build components, like custom form fields and table columns, and how to distribute them in a plugin package. Meanwhile, you'll get to know all the tools of Filament's internal component system. Excited?
Series episodes
Component Classes (5)
Rendering Components
12m 37sLearn how to create and render basic component classes in Filament. Build dynamic interfaces with this clear, friendly Laracasts tutorial. Start coding today!
Function Evaluation
11m 51sDiscover how to use function evaluation to pass functions to component setters, enhancing dynamic rendering in your apps with this friendly Laracasts tutorial!
Global Component Configuration
9m 11sLearn how to set global default configurations for all component instances, streamlining your workflow with this clear and friendly Laracasts tutorial!
Macros
6m 12sDiscover how macros let you extend PHP classes by adding new methods at runtime. Boost your coding flexibility with this friendly Laracasts tutorial!
The Base Component Class
2m 35sExplore Filament's base Component class and learn how its powerful features simplify building custom and internal components in this friendly Laracasts tutorial!
Building Custom Components (6)
Build a Custom Form Field
17m 10sLearn to build custom form fields by integrating external JavaScript libraries into Filament forms. Enhance your forms with this friendly Laracasts tutorial!
Build a Custom Form Layout
12m 31sLearn how to build custom form layouts that wrap and rearrange form components for a unique design. Enhance your UI with this friendly Laracasts tutorial!
Build a Custom Infolist Entry
12m 11sLearn to build custom infolist entries in Filament to display read-only data beautifully. Create visually appealing elements with this friendly Laracasts tutorial!
Build a Custom Infolist Layout
3m 43sCreate custom infolist layouts in Filament to rearrange and style components with ease. Enhance your UI design with this friendly Laracasts tutorial!
Build a Custom Table Column
8m 37sLearn to build custom table columns with full design control using Alpine.js and Livewire to update and persist state in your database. Join this friendly Laracasts tutorial!
Build a Custom Table Filter
10m 16sMaster custom table filters in Filament using form components and learn how setUp() creates reusable, pre-configured classes in this Laracasts episode!
Building a Plugin (6)
Setting up a Plugin
8m 56sLearn how to easily set up a Filament plugin using Spatie's Package Tools in Laravel. Simplify your package creation with this step-by-step Laracasts guide!
Distributing Components in a Plugin
5m 45sLearn how to easily distribute custom components in a plugin by moving files, updating namespaces, and paths. Simplify sharing with this friendly Laracasts tutorial!
Registering Plugin Assets
9m 45sLearn how to register plugin assets to publish them locally, avoiding CDNs and improving control. Perfect for custom form fields in this friendly Laracasts tutorial!
Using Async Alpine Components
9m 28sLearn how async Alpine components boost frontend performance by loading JavaScript on-demand, keeping pages fast and efficient. Watch this friendly Laracasts tutorial!
Panel Builder Plugins
9m 34sExtend and configure Filament panels using plugin objects to register resources and customize functionality. Learn how in this friendly Laracasts tutorial!
Distributing a Panel in a Plugin
2m 34sLearn how to distribute a full Filament panel in a self-contained plugin by moving and registering its service provider. Simplify your workflow with this Laracasts tutorial!
