在react-stripe-js中我可以更改付款选项的外观和宽度吗？

Question

我正在使用

PaymentElement

中的

@stripe/react-stripe-js

，是否可以将付款选项设置为类似这样？

在这里，我直接编辑了 HTML，但是，我认为不可能以编程方式执行此操作，因为整个 Stripe 表单都在 iframe 内。另外，我发现这个链接https://docs.stripe.com/elements/appearance-api用于更改选项卡的样式，但是宽度似乎无法自定义

Answer 1

这达到你的目标了吗？

const paymentElement = elements.create('payment', {
   layout: {
      type: 'accordion',
      defaultCollapsed: false,
      radios: false,
      spacedAccordionItems: true
   }
});

文档

Answer 2

没有办法让它完全按照屏幕截图所示显示，但手风琴布局与您正在寻找的类似。您只需要在支付元素的 options 属性中传递“accordion”here。