README

A Filament plugin that provides an editable text input entry component for infolists. This component allows users to edit text fields directly in the infolist view without navigating to an edit page.

Features

✨ Inline editing directly in infolist views
🎨 Customizable border styling
✅ Built-in validation support
🔔 Instant success notifications
🎯 Icon support (before/after)
🌈 Color customization
�� Responsive design
🔄 Compatible with Filament v3 and v4

Requirements

PHP 8.1+
Filament 3.0+ or 4.0+
Laravel 10+

Installation

You can install the package via Composer:

composer require anish/text-input-entry

Setup

1. Install Assets

After installing the package, publish and build the assets:

npm install
npm run build

2. Use the Trait in Your View Page

Add the TextInputEntryTrait to your Filament resource's view page:

<?php

namespace App\Filament\Resources\Users\Pages;

use Filament\Resources\Pages\ViewRecord;
use Anish\TextInputEntry\Traits\TextInputEntryTrait;

class ViewUser extends ViewRecord
{
    use TextInputEntryTrait;

    protected static string $resource = UserResource::class;
}

3. Use the Component in Your Infolist

Use TextInputEntry in your infolist schema:

<?php

namespace App\Filament\Resources\Users\Schemas;

use Filament\Schemas\Schema;
use Anish\TextInputEntry\Infolists\Components\TextInputEntry;
use Filament\Support\Enums\TextSize;
use Illuminate\Support\Facades\Auth;

class UserInfolist
{
    public static function configure(Schema $schema): Schema
    {
        return $schema
            ->components([
                TextInputEntry::make('name')
                    ->editable(true)
                    ->size(TextSize::Large)
                    ->rules(['required', 'string', 'max:255'])
                    ->border(true),

                TextInputEntry::make('email')
                    ->editable(Auth::user()->can('update email'))
                    ->label('Email address')
                    ->rules(['required', 'email'])
                    ->border(true),
            ]);
    }
}

Usage

Basic Usage

TextInputEntry::make('field_name')
    ->editable(true)
    ->border(true)

With Validation

TextInputEntry::make('email')
    ->rules(['required', 'email', 'max:255'])
    ->editable(true)

With Custom Update Callback

TextInputEntry::make('name')
    ->updateStateUsing(function ($value, $record) {
        $record->name = $value;
        $record->save();

        // Custom logic here
        Log::info("Name updated to: {$value}");
    })

Without Border

TextInputEntry::make('name')
    ->border(false) // Hides the border, shows as plain text until focused

With Icon

TextInputEntry::make('email')
    ->icon('heroicon-o-envelope')
    ->iconPosition('before')

Conditional Editing

TextInputEntry::make('name')
    ->editable(fn ($record) => auth()->user()->can('update', $record))

Available Methods

editable(bool|Closure $editable) - Enable/disable editing
border(bool|Closure $showBorder) - Show/hide border (default: true)
rules(array|string|Closure $rules) - Validation rules
updateStateUsing(Closure $callback) - Custom update callback
size(TextSize $size) - Text size (Small, Medium, Large)
color(string|array $color) - Text color
icon(string $icon) - Icon name
iconPosition(string $position) - Icon position ('before' or 'after')
placeholder(string $placeholder) - Input placeholder

Compatibility

This package supports:

✅ Filament v3.0+
✅ Filament v4.0+

The package automatically detects and works with both versions.

License

MIT

Author

anishregmi17

anish / text-input-entry

Maintainers

Details