rickyhaswifi-splitcard-icon

[left thorn]

hello! checking one sec

[left thorn]

try the showIcon field: https://stripe.com/docs/js/elements_object/create_element?type=cardNumber#elements_create-options-showIcon

[silent bloom]

This thread has been archived. If you need help with anything else please ask in #dev-help or contact Stripe Support: https://support.stripe.com/contact

[frozen karma]

Okay let's chat in here @wispy cape! @left thorn had to step away so I'm catching up here

[wispy cape]

showIcon is not a property of cardNumberElement, CardExpiryElement,
or CardCvcElement,

[frozen karma]

Thanks taking a look.

This same error shows if you explicitly set it to showIcon={true}?

[wispy cape]

yes in React showIcon={true} & showIcon are the same

[frozen karma]

I'm aware, just curious because I'm surprised that is showing.

Let me do some more digging here

[solar mortar]

Hello! Just hopping in since the channel is busy today

showIcon isn't a top level property - it's nested under options, so you'd have to do something like this:

const OPTIONS = {
  showIcon: true,
};

return (
    <div className="App">
        <CardNumberElement options={OPTIONS} />
    </div>
  );

and it's only available for CardNumberElement, so you shouldn't be setting it for CardExpiryElement or CardCvcElement

[wispy cape]

That was it thank you!

I didn't see that Option in the docs

[solar mortar]

No worries! It's easy to miss