search

wobsoriano / solid-stripe

Solid components for Stripe.js and Stripe Elements.
https://solid-stripe-demo.vercel.app
MIT License
26 stars 1 forks source link

Add props for styling #5

Closed Jdarko26 closed 1 month ago

Jdarko26 commented 1 year ago

Will be nice to add props to for styling of paymentElement component and the other components

wobsoriano commented 1 month ago

Hey! I think you need to do it in the Elements component:

<Elements
  stripe={stripe()}
  options={{
    appearance: {
      theme: 'flat',
      labels: 'floating',
      variables: { colorPrimary: '#7c4dff' },
      rules: { '.Input': { border: 'solid 1px #0002' } },
    },
  }}
>
  <CheckoutForm />
</Elements>