**[ This description is mirrored from README.md at [github.com/PaperfireElements/paperfire-stripe](https://github.com//PaperfireElements/paperfire-stripe/blob/v2.1.1/README.md) on 2019-05-22 ]** # \ [](https://www.webcomponents.org/element/paperfireElements/paperfire-stripe) A stripe payment element ## This element is in early development This is a pretty simple wrapper for the Stripe Checkout flow, so it should be ready to use. But I haven't done any rigorous testing yet so please handle with care. Thanks :) ## Demo ```html

cost: $1,000,000 Checkout ``` ## Usage To open Stripe Checkout you can fire a custom event `paperfire-stripe-checkout` ``` this.dispatchEvent( new CustomEvent('paperfire-stripe-checkout', { bubbles: true, composed: true // the stripe checkout config can be passed in detail: { email: evasmith@smith.com, amount: 10000 } }) ); ``` Or use the `open` method ``` this.$.stripe.open(); // the stripe checkout config can be passed in this.$.stripe.open({ email: johnsmith@smith.com amount: 10000 }); ``` # Editing the element ## Install the Polymer-CLI First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) installed. Then run `polymer serve` to serve your element locally. ## Viewing Your Element ``` $ polymer serve ``` ## Running Tests ``` $ polymer test ``` Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.