FUN Loading Button

Transaction breakdown$0.29 ^

Rate1.000 USDC.e = 1.000 USDC

Network cost<$0.05

Price impact0.16%

Max slippage0.50%

Component Code (Next.js)

Use Copy Code to load the current local source for the FUN loading button.

Claude / Codex Prompt

Recreate the button loading state from Jakub Antalik's @FUN X video:
- Start as a wide light pill labeled "Withdraw"
- On click, transition into a dark translucent pill labeled "Processing"
- Add a compact spinner to the left of the label
- Add a glossy sweep that moves across the button during processing
- Keep the button inside a dark transaction breakdown panel for context
- Finish with a short completed state before returning to idle
- Use a real button element, aria-busy, visible focus styling, and reduced-motion support.