Possibility to see CB images

[rudyhadoux]

Hi,

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

[richnologies]

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

[rudyhadoux]

Hi.
Those bank cards pictures.

[richnologies]

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

[rudyhadoux]

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

[richnologies]

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

[rudyhadoux]

Sorry, what do you mean ?

[richnologies]

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

[rudyhadoux]

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

[richnologies]

Hi. Those bank cards pictures.

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

[rudyhadoux]

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.

[richnologies]

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

[rudyhadoux]

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

[richnologies]

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

[richnologies]

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

[rudyhadoux]

I do not use Material.

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