title: How to pay with bitcoin using Stripe.js Elements and React?
body: <p>Considering <a href="https://stripe.com/docs/sources/bitcoin" rel="nofollow noreferrer">bitcoin as payment method</a>, is there a simple way, using <a href="https://github.com/stripe/react-stripe-elements" rel="nofollow noreferrer">react-strip-element</a>, to display a form that enable bitcoin payment?</p>
  
  <p>Has anyone already try it?</p>
  
  <p>I already use <a href="https://github.com/stripe/react-stripe-elements" rel="nofollow noreferrer">react-strip-element</a> for VISA/Mastercard payment:</p>
  
  <pre><code>import { StripeProvider, Elements } from 'react-stripe-elements';
  
  ...
  
  &lt;StripeProvider apiKey={stripePublishableKey}&gt;
      &lt;Elements locale={locale}&gt;
          &lt;StripeForm paymentConfig={paymentConfig} dispatch={dispatch} buyerName="toget" /&gt;
      &lt;/Elements&gt;
  &lt;/StripeProvider &gt;
  ...
  </code></pre>
  
  <p>My element <code>&lt;SripeForm&gt;</code> only returns, within a <code>&lt;form&gt;</code>, <code>&lt;CardElement hidePostalCode style={cardStyle} /&gt;</code> and a submit button.</p>
  
  <p>I don't know if this <code>CardElement</code> can be used for bitcoin payment or if I must use another React Stripe Element.</p>
  
  <p>Any help or experiences with Stripe bitcoin payment is welcome.</p>
  
  <h3>Edit</h3>
  
  <p><a href="https://github.com/stripe/react-stripe-elements" rel="nofollow noreferrer">react-strip-element</a> Team gave an <a href="https://github.com/stripe/react-stripe-elements/issues/117" rel="nofollow noreferrer">answer to this question</a>:</p>
  
  <blockquote>
    <p>We don't currently have any Elements for bitcoin. You can either use Stripe Checkout, or build your own UI and use Stripe.js v3 to create bitcoin Sources.</p>
  </blockquote>
  
  <p>So only one solution now: a custom React implementaton using Stripe Checkout. I'll post it here if enough time is left to me to implement it :).</p>