lomi. UI
Carte checkout mobile money
Sélection du fournisseur, formulaire client et bouton payer du checkout hébergé.
Carte checkout mobile money
Combine le carrousel de fournisseurs, le formulaire client et le bouton payer du checkout hébergé.
Aperçu
*
*
My WhatsApp number is different
Installation
Install to your codebase
Copy the component source with shadcn.
npx shadcn@latest add https://docs.lomi.africa/r/mobile-money-checkout-card.jsonUtilisation
import { MobileMoneyCheckoutCard } from '@/components/lomi-ui/mobile-money-checkout-card';
<MobileMoneyCheckoutCard
selectedProvider="WAVE"
fullName="Aya Konan"
email="aya@example.com"
phoneNumber="+2250700000000"
payButtonBgColor="#121317"
onSubmit={() => createCheckoutSession()}
/>;Props
| Prop | Type | Description |
|---|---|---|
selectedProvider | ProviderId | Fournisseur sélectionné. |
fullName | string | Nom complet du client. |
email | string | E-mail du client. |
phoneNumber | string | Numéro de téléphone du client. |
onProviderChange | (provider: ProviderId) => void | Handler changement de fournisseur. |
onSubmit | () => void | Handler clic sur Payer. |
paymentStatus | 'idle' | 'processing' | 'success' | 'error' | État du bouton Payer. |
payButtonBgColor | string | Fond du bouton Payer. Par défaut #121317. |