Build a form field

Build the PHP class using Filament’s field lifecycle. Keep validation and saved values in PHP, and use your view for the interaction. Emit the consumer boundary in that view:

Watch this in the workshop: 00:00 — start with Filament’s generator · 04:34 — render the real child fields in Blade.

<x-filament-flex-fields::assets
    component="acme-rating-field"
    :consumer="$getLivewireKey()"
/>

Each instance needs its own stable consumer key, including fields repeated inside nested forms. Render existing FLEX controls through their public components or a child schema rather than copying their input or dropdown markup. Your JavaScript factory must clean up listeners, timers and subscriptions when its instance is destroyed.

Start with the generated composite field

The generated SummaryField already wraps a real FlexTextInput. Replace or extend its child schema rather than reproducing the input styling in a new template.

use Acme\Summary\Forms\SummaryField;
use Bjanczak\FilamentFlexFields\Filament\Forms\Components\FlexTextInput;

SummaryField::make('summary')
    ->schema([
        FlexTextInput::make('text')
            ->label('Summary')
            ->required()
            ->maxLength(80),
    ]);

The resulting field value is an object with a text key. Store it in a JSON column with an array cast; a plain scalar database column does not match this starter’s value shape. Validate additional child keys on the server when extending the shape.

Continue reading

Columns and entries · Validate submitted values

Last modified on October 17, 2026

Getting started

Components and families

Composition

Configuration and values

JavaScript and interactions

Assets and delivery

Appearance and discovery

Publishing and support

Start with the generated composite field

Continue reading

​Start with the generated composite field

​Continue reading

Start with the generated composite field

Continue reading