Back to components
Payments component
Mobile Money Pay Screen
Pay screen for East African mobile money (UGX, KES, TZS, RWF) — starts a DGateway STK push via your backend.
Install
What it does
- Amount + phone-number form with Zod validation
- Currency switcher: UGX / KES / TZS / RWF
- Auto-provider routing (Iotec for UGX, Relworx for KES/TZS/RWF)
- Calls your backend at /api/checkout/start — never touches the API key
- Helpful copy explaining the STK push flow
When to use
Use it
Any in-app checkout, donation, or one-time payment in East African currencies.
Skip it
Pure-USD card payments (use a Stripe component instead).
Files & routes added
- components/payments/mobile-money-pay-screen.tsx