javascript - 如何设置 react-stripe-checkout 表单的样式？

Question

我想知道如何向 react-stripe-checkout 表单组件添加自定义样式。 (例如:更改背景颜色等)

https://www.npmjs.com/package/react-stripe-checkout

Answer 1

这是一个例子。我相信这是很清楚的。我在这里使用了 materialize css，但您可以按照自己的方式设置样式。

import StripeCheckout from "react-stripe-checkout";

class Payments extends Component {
  render() {
    return (
      <div>
        <StripeCheckout
          name="survey"
          description="survey credits"
          amount={500}
          token={token => this.props.handleToken(token)}
          stripeKey={process.env.REACT_APP_STRIPE_KEY}
        >
          <button className="btn">Add Credits</button>
        </StripeCheckout>
      </div>
    );
  }
}