Enabling brand icon in `cardNumber` type element in Stripe
In 2020+, you can use the showIcon
option.
const cardNumber = elements.create('cardNumber', {
showIcon: true,
placeholder: 'Card Number',
});
At the moment, no, there isn't. But Elements is still a very new product and we're very open to feedback! Please write to Stripe support at https://support.stripe.com/email to request this feature -- I can't promise it'll be implemented, but it'll certainly be considered.
edit: There isn't an option to have the cardNumber
field show the brand icon automatically, but it's possible to implement this yourself by using the brand
attribute in the element's change
event. Here's an example: https://jsfiddle.net/ywain/L96q8uj5/.