Filament•12mo ago

Reactive/live form field state (like wire:loading)

Hey! What would be the Filament way to disable a reactive form field during network requests? The following does not work as it gets added to the parent:

 ->extraAttributes([
      'wire:loading.attr' => 'disabled',
  ])

 ->extraAttributes([
      'wire:loading.attr' => 'disabled',
  ])

And the following feels too hacky:

 ->extraAttributes([
    'wire:loading.class' => 'opacity-50 cursor-wait',
  ])

 ->extraAttributes([
    'wire:loading.class' => 'opacity-50 cursor-wait',
  ])

Basically I just want to show the user that something is happening after they modified the reactive form. Bonus points if I can make it so that this only happens if the specific input is edited.

Solution:

extraInputAttributes()

Jump to solution

2 Replies

Solution

awcodes•12mo ago

extraInputAttributes()

CaenOP•12mo ago

Ah, thanks!

Gaming

Programming

Reactive/live form field state (like wire:loading)