filament-input-loading

KO | EN

gitlite — search

#hacktoberfest #react #ai #typescript #golang #android #macos #windows #awesome #awesome-list #security #mcp #openai #open-source

filament-input-loading

(★ 10)

Filament input with loading spinner option

filament-input-loading 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

[![Latest Version on Packagist](https://img.shields.io/packagist/v/coringawc/filament-input-loading.svg?style=flat-square)](https://packagist.org/packages/coringawc/filament-input-loading)
[![Semantic Release](https://github.com/coringawc/filament-input-loading/actions/workflows/release.yml/badge.svg)](https://github.com/coringawc/filament-input-loading/actions/workflows/release.yml)
[![Total Downloads](https://img.shields.io/packagist/dt/coringawc/filament-input-loading.svg?style=flat-square)](https://packagist.org/packages/coringawc/filament-input-loading)

# Filament Input Loading

A Filament Forms plugin that adds a **loading spinner** to `TextInput` fields when using Livewire's `lazy()` or `debounce()` binding modifiers. The spinner appears inside the input field while the server processes the update, giving users visual feedback.

> **⚠️ Compatibility:** This plugin is built for **Filament v2** (with Livewire v2). It is not compatible with Filament v3/v4/v5.

## Screenshots

![Loading spinner inside a debounced text input](https://raw.githubusercontent.com/CoringaWc/filament-input-loading/master/screenshots/example.png)

## Installation

You can install the package via composer:

```bash
composer require coringawc/filament-input-loading
```

The package auto-discovers its service provider — no manual registration needed.

## Usage

Replace Filament's default `TextInput` import with this package's version:

```php
use CoringaWc\FilamentInputLoading\TextInput;
```

Then use `lazy()` or `debounce()` as you normally would — the loading spinner appears automatically:

```php
// Spinner appears on blur (when the user leaves the field)
TextInput::make('name')->lazy()

// Spinner appears after a debounce delay while typing
TextInput::make('search')->debounce(500)
```

### How It Works

This package extends `Filament\Forms\Components\TextInput` and overrides its Blade view to inject a `wire:loading` spinner indicator. The spinner is positioned inside the input (right side) and only renders when `isLazy()` or `isDebounced()` returns true.

## Development

This plugin uses [filament-plugin-workbench](https://github.com/CoringaWc/filament-plugin-workbench) for development. A custom Docker image with PHP 8.1 is used for Filament v2 compatibility.

```bash
# Clone with submodules
git clone --recurse-submodules https://github.com/CoringaWc/filament-input-loading.git
cd filament-input-loading

# Start the development environment
./packages/workbench/bin/workbench up

# Run tests
./packages/workbench/bin/sail phpunit

# Static analysis
./packages/workbench/bin/sail phpstan

# Code style
./packages/workbench/bin/sail pint
```

## Credits

- [CoringaWc](https://github.com/coringawc)

## License

The MIT License (MIT). Please see [License File](LICENSE.md) for more information.

filament-input-loading

filament-input-loading 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

filament-input-loading

filament-input-loading 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README