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',
  ])

 ->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',
  ])

 ->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

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

Similar Threads

Similar Threads

Similar Threads