How to make loading button on form submit?

Hello, I've created a custom page that implements the HasForm interface. However, I noticed that when I submit the form, the button does not display a loading or disabled indicator like when using the resource. I've attempted to add wire:loading.attr="disabled" to the filament button, but it still does not seem to be working. Does anyone have an idea?

<x-filament::page>
    <x-filament::form wire:submit.prevent="submit">

        {{ $this->form }}

        <x-filament::button type="submit" wire:loading.attr="disabled">
            Submit
        </x-filament::button>
    </x-filament::form>
</x-filament::page>

<x-filament::page>
    <x-filament::form wire:submit.prevent="submit">

        {{ $this->form }}

        <x-filament::button type="submit" wire:loading.attr="disabled">
            Submit
        </x-filament::button>
    </x-filament::form>
</x-filament::page>

<x-filament::page>
    <x-filament::form wire:submit.prevent="submit">

        {{ $this->form }}

        <x-filament::button type="submit" wire:loading.attr="disabled">
            Submit
        </x-filament::button>
    </x-filament::form>
</x-filament::page>

<x-filament::page>
    <x-filament::form wire:submit.prevent="submit">

        {{ $this->form }}

        <x-filament::button type="submit" wire:loading.attr="disabled">
            Submit
        </x-filament::button>
    </x-filament::form>
</x-filament::page>

How to make loading button on form submit?

Similar Threads

Similar Threads

Similar Threads