Actions & feedback · BES Components

Buttons

Money-moving CTAs carry the amount. One primary per region. Loading keeps the label context via spinner overlay.

Code

Icon buttons

Only for universally learned glyphs. 44×44 minimum target. Toggle state via aria-pressed.

Code

Status badges

The canonical transaction-state vocabulary. Icon + label always — color never carries meaning alone.

Completed Pending Checking status Failed Additional checks Reversed Draft

Code

Alerts

Error alerts answer four questions: what happened, why, what happened to the money, what to do next.

We couldn't complete this transfer. Your bank declined the transaction. No money was deducted from your account.

Try again Contact support

We're checking your transfer status. Your money is safe — we'll confirm within 30 minutes and notify you.

New payee — added today. Scammers often pressure you to pay quickly. Genuine payees will understand a short wait.

Code

Banner, toast & modal

One banner max, security beats system beats campaign. Toasts confirm small recoverable acts — never money results. Money confirms happen on screens; this modal shows the destructive-confirm pattern with outcome-named buttons.

Code