richnologies/ngx-stripe

Possibility to see CB images

rudyhadoux opened this issue · 15 comments

Hi,

With Stripe Elements for a payment (and Angular 17), is it possible to display the bank cards pictures in the numbers input ?

Hey @rudyhadoux, can you be more specific, are you talking about the payment element? or the any of the other Bank Elements?

Hi.
Those bank cards pictures.
Capture d’écran 2023-11-16 à 18 00 19

Yeah, Stripe itself takes care of that. Ngx Stripe is just a wrapper around it. Should work fine

With ngx-stripe and @stripe/stripe-js.
No pictures...

May I have the link to the example where they did work?

Sorry, what do you mean ?

The first example where the logs where actually displayed, is that an Stripe example?

It is my own example with ngx-stripe and @stripe/stripe-js.

Hi. Those bank cards pictures. Capture d’écran 2023-11-16 à 18 00 19

So, this example is with ngx-stripe too??

The thing is, I see no way to do it. https://stripe.com/docs/js/elements_object/create_element?type=card the only options in the card element I can see are iconStyle and hideIcon. But the icon appears on the left. So I don't know what to tell you. If you have a working example using Stripe, I can see what I'm missing

The picture is from a web site with Stripe Elements.
I am waiting for a reply from Stripe Support.
I do not understand why Stripe does not develop an embedded solution for Angular.

Great! I would appreciate if you could share what they tell you, so other can benefit

I found myself. I just integrated html client in Angular from :
https://github.com/stripe-samples/accept-a-payment/tree/main/payment-element/client

Oh! but that is the Payment Element, not the Card Element, right?

Sorry about that, we have support for that too: https://stackblitz.com/edit/ngx-stripe-live?file=src%2Fmain.ts

Anyway, happy you find your way

I do not use Material.

Form id="payment-form" is the form to pay.
That gives me that :

Capture d’écran 2023-11-17 à 15 28 27