arkansasbeauty_89186 | Stripe Developers | Page 1

plush rapidsBOT Jan 3, 2024, 4:45 PM

#

brazen trellis Jan 3, 2024, 4:46 PM

#

Hi there

neat umbra Jan 3, 2024, 4:46 PM

#

Hello

brazen trellis Jan 3, 2024, 4:47 PM

#

You should be able to use cardNumber.update() (https://stripe.com/docs/js/element/other_methods/update?type=cardNumber#element_update-options-style) to update the style in this way on a submit error if you so desire.

#

Hmm actually not sure you can manipulate the border with that style object

#

Double checking

#

Yeah doesn't look like it. So instead you would need to modify your div that you are using to render CardNumberElement in order to apply a border

neat umbra Jan 3, 2024, 4:56 PM

#

Oh, I was just trying to implement your original suggestion with no luck and just saw your current comment.

brazen trellis Jan 3, 2024, 4:57 PM

#

Yep sorry, I had forgotten there is no border attribute for that style

neat umbra Jan 3, 2024, 4:58 PM

#

So only way is to create a wrapper and apply conditional styling that way?

brazen trellis Jan 3, 2024, 5:00 PM

#

For a border, yes.

neat umbra Jan 3, 2024, 5:01 PM

#

Otherwise Id have to utilize the payment-element that has it built in correct?

brazen trellis Jan 3, 2024, 5:08 PM

#

Correct

#

You can modify the border with the Appearance API: https://stripe.com/docs/elements/appearance-api

neat umbra Jan 3, 2024, 5:08 PM

#

I will take a look, thank you!

#arkansasbeauty_89186