stripe-react-native icon indicating copy to clipboard operation
stripe-react-native copied to clipboard

Multiple customizable inputs

Open MoFerhat opened this issue 1 year ago • 0 comments

Is your feature request related to a problem? Please describe.

How can Stripe, as powerful as it is, not offer the possibility of having separate and fully customizable inputs?

  • Card number
  • Expiry date
  • CVC

Describe the solution you'd like For example there could be 3 components, like this:

<View>
  <CardNumberElement
    placeholder="1234 1234 1234 1234"
    brandIconPosition="right"
    style={{
      borderWidth: 1,
      borderColor: themeColors.borderColor,
      // ...all style properties
    }}
  />

  <ExpirationDateElement
    placeholder="MM / AA"
    style={{
      width: "50%",
      borderWidth: 1,
      borderColor: themeColors.borderColor,
      // ...all style properties
    }}
  />

  <CVVElement
    placeholder="CVV"
    style={{
      width: "50%",
      borderWidth: 1,
      borderColor: themeColors.borderColor,
      // ...all style properties
    }}
  />
</View> 

Describe alternatives you've considered Honestly, quite a few other payment platforms offer this possibility and it would be a shame to leave stripe because of this problem.

Additional context 130066544-db48c7bc-26f1-414a-af9f-d4dcf0503cf4

MoFerhat avatar Aug 31 '24 15:08 MoFerhat