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
|
Selanjutnya
|
||||||
</flux:button>
|
</flux:button>
|
||||||
@else
|
@else
|
||||||
<flux:button type="submit" variant="primary" icon:trailing="check" wire:click="register">
|
<flux:button type="submit" variant="primary" icon:trailing="check" wire:click="register"
|
||||||
Daftar Sekarang
|
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>
|
</flux:button>
|
||||||
@endif
|
@endif
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user