refactor(register): add loading state to registration button for better user feedback

This commit is contained in:
Yoga Pangestu 2025-10-18 14:26:58 +07:00
parent 402026ce09
commit eff2182157

View File

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