Make action button processing like save button

[martinsjek]

Package

Actions

Package Version

v4.8.0

How can we help you?

I would like to know, how to add a processing state for a custom action button when in form I am uploading an image.
Currently when I am uploading an image, the "Save changes" button changes to "Uploading image..."
I would need to have similar state change for "Save changes & close" button.

Because I need that button to be disabled while image is uploading.

[leandrocfe]

If you are using an Action in a Form

use Filament\Actions\Action;
use Filament\Schemas\Components\Actions;
use Filament\Schemas\Components\Html;

Actions::make([
    Action::make('myAction')
    ->extraAttributes([
        'x-data' => 'filamentFormButton',
        'x-bind:disabled' => 'isProcessing',
    ])
    ->label(Html::make(<<<'HTML'
        <span x-show="isProcessing">Processing</span>
        <span x-show="!isProcessing">My Action</span>
        HTML)
    )])
])