Text input column

The text input column allows you to render a text input inside the table, which can be used to update that database record without needing to open a new page or a modal:

use Filament\Tables\Columns\TextInputColumn;
 
TextInputColumn::make('name')
use Filament\Tables\Columns\TextInputColumn;

TextInputColumn::make('name')

#Validation

You can validate the input by passing any Laravel validation rules in an array:

use Filament\Tables\Columns\TextInputColumn;
 
TextInputColumn::make('name')
    ->rules(['required', 'max:255'])
use Filament\Tables\Columns\TextInputColumn;

TextInputColumn::make('name')
    ->rules(['required', 'max:255'])

Filament uses tooltips to display validation errors. If you want to use tooltips outside of the admin panel to display validation errors, make sure you have @ryangjchandler/alpine-tooltip installed in your app.

#Customizing the HTML input type

You may use the type() method to pass a custom HTML input type:

use Filament\Tables\Columns\TextInputColumn;
 
TextInputColumn::make('background_color')->type('color')
use Filament\Tables\Columns\TextInputColumn;

TextInputColumn::make('background_color')->type('color')

Edit on GitHub

Still need help? Join our Discord community or open a GitHub discussion