TSComposer25

components/ui/ts-composer-25.tsx

A transaction card with a four-stage vertical timeline (prepare, sign, broadcast, settle), amount and recipient summary, and a send action that drives each stage forward with live announcements for ready, sending, failed and sent states.

Send a transfer

Stages advance during the send request. Toggle the checkbox to trigger a failure and retry path.

Transaction process

Stages advance while the send request runs. Toggle failure to exercise retry.

Outgoing transfer

Ready to send

Amount
$128.50
Recipient
Morgan Lee

  1. Prepare

    Lock amount and recipient

  2. Sign

    Verify credentials

  3. Broadcast

    Submit to network

  4. Settle

    Wait for confirmation