CardForm (hide country/postal code + choose error label position)

[nicolasdevienne]

On the CardForm, I would like :

• to hide country/postal code
• to choose error label position (flex-start, ...)

Is it possible to add these options ?

[charliecruzan-stripe]

Unfortunately this isn't possible- I would recommend utilizing either the CardField component or PaymentSheet.

Providing the default country (which includes providing a country where the postal code isn't shown if that country doesn't have postal codes) will be added in #1044

that being said- the error message seems to be placed fairly far away from the component in your screenshot 🤔 what version are you using and what does your code look like? I can't repro that

[nicolasdevienne]

Hi @charliecruzan-stripe, I think it's due to the height of the CardForm (I use last version 0.15.0) :

          <CardForm
            cardStyle={{
              backgroundColor: COLORS.COLOR1,
              borderRadius: DIMENSIONS.SIZE010,
              cursorColor: COLORS.GRAY_DARK,
              placeholderColor: COLORS.GRAY_DARK,
              textErrorColor: COLORS.RED_DARK,
            }}
            style={{
              height: DEVICE_WIDTH,
              marginHorizontal: 20,
            }}
            onFormComplete={card => setCard(card.complete && card)}

But as you can see, on Android it's OK :

[nicolasdevienne]

Hi @charliecruzan-stripe ! No PR for this ? :)

[AristideVB]

Any updates ? 🙏 would love to hide country field

[leonam13]

Any updates ? 🙏 would love to hide country field +1

[nicolasdevienne]

Hi @AristideVB @leonam13 I think CardForm is deprecated, you should use PaymentSheet or CustomerSheet!

[wooj-stripe]

@nicolasdevienne Based on your comment, it looks like you are using PaymentSheet or CustomerSheet. I will be resolving this issue as I believe it is stale, but feel free to re-open if needed.