refactor(register): add loading state to registration button for better user feedback
This commit is contained in:
parent
402026ce09
commit
eff2182157
@ -124,8 +124,21 @@ class="transition-all duration-500 ease-in-out {{ $currentStep === $step['id'] ?
|
||||
Selanjutnya
|
||||
</flux:button>
|
||||
@else
|
||||
<flux:button type="submit" variant="primary" icon:trailing="check" wire:click="register">
|
||||
Daftar Sekarang
|
||||
<flux:button type="submit" variant="primary" icon:trailing="check" wire:click="register"
|
||||
wire:loading.attr="disabled">
|
||||
<span wire:loading.remove>
|
||||
Daftar Sekarang
|
||||
</span>
|
||||
<span wire:loading>
|
||||
<svg class="animate-spin inline w-5 h-5 mr-2 text-white" xmlns="http://www.w3.org/2000/svg"
|
||||
fill="none" viewBox="0 0 24 24">
|
||||
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor"
|
||||
stroke-width="4"></circle>
|
||||
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z">
|
||||
</path>
|
||||
</svg>
|
||||
Memproses...
|
||||
</span>
|
||||
</flux:button>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user