Aaaa

[eager pond]

hi! of the top of my head I don't think that's possible; you can use the PaymentSheet, or the singleline CardField, or the multiline CardForm, I don't think you can break down the CardForm itself

I'll have a look anyway

[mellow pasture]

are any of these customisable visually? i'd like to have a multiline layout of the elements, with each element having a label and some spacing between the elements.

also, thanks for checking!

[eager pond]

I don't think you can customise it to that level no, the options are only the ones described at https://stripe.dev/stripe-react-native/api-reference/interfaces/CardFormProps.html

if you need something really custom it's possible to build your own UI instead. Overall we kind of suggest/maintain using the PaymentSheet as the default integration though

[mellow pasture]

does building my own ui for it come with some security measures that are otherwise covered by paymentsheet?

or are we just talking some inputs and pass that to the stripe functions

[mellow pasture]

(also - do you recommend paymentsheet over cardfield / cardform?)

[eager pond]

as far as I know there's no difference from a PCI perspective because it's all happening on the end-customer's device, but since you would be touching raw details it's worth being a little careful

and yes we recommend the PaymentSheet since it natively supports multiple local payment methods for example and other features and is where most of our active development goes

[mellow pasture]

i already have a bottom sheet open and that's where I would like to init stripe gui - would your paymentsheet clash with the existing one from 'react-native'?

[silent ginkgo]

Existing what?

[mellow pasture]

would opening your "PaymentSheet" clash with an already open React-Native "BottomSheet"

[silent ginkgo]

I don't really know what the bottom sheet is