Payment Method Badge
Branded badge for credit-card networks and bank-transfer logos. Pass a method id (visa, mastercard, amex, bca, ...) and the right logo and colour render automatically.
Default
Inline-flex badge with logo + readable label.
-
All methods
Common card and bank methods rendered side by side.
--------
API Reference
Props, events, and slots for each sub-component.
PaymentMethodBadge
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| channel | string | null | — | Payment channel id; resolves the logo and label first (e.g. a gateway channel code). |
| method | string | null | — | Method id fallback (visa, mastercard, amex, jcb, bca, mandiri, bni, bri, gopay, ovo, dana, qris). |
| size | "sm" | "md" | "lg" | "md" | Badge height. |
| showLabel | boolean | true | Show the text label next to the logo. |
| iconOnly | boolean | false | Render only the logo; falls back to the label when no logo exists. |