stripe-elements
Stripe Web Components
Stripe Web Components
Simple component talking directly with the Stripe token backend. It doesnt use stripe.js so it doesnt have the same ShadowDOM restrictions. The form is build with paper-elements to fit the Material UI.
Installation
npm i @morbidick/stripe-elements
Components
<stripe-card>
<stripe-card
publishable-key="pk_your_key"
token="{{ token }}"
></stripe-card>
Styling
You can use the paper-style variables to change the look and feel of the form.
Development
# Get dependencies
$ npm install
# Demo site
$ npm start
# Run tests
$ npm test
Links
Compatibility
Was this helpful? Need more help?
Leave a comment or a question below. You can also join
the chat on Discord or
ask questions on StackOverflow.
Version
Dependencies
- @morbidick/lit-element-notify#^0.4.0
- @polymer/iron-form#^3.0.1
- @polymer/lit-element#^0.6.3
- @polymer/paper-button#^3.0.1
- @polymer/paper-input#^3.0.1
- @polymer/paper-styles#^3.0.1
- Released
- 2018-11-27
- Maturity
- IMPORTED
- License
- MIT License
Compatibility
- Framework
- Polymer 2.0+ in 2.5.0
- Browser
- Browser Independent
stripe-elements - Vaadin Add-on Directory
Stripe Web Components# Stripe Web Components
[![npm version](https://img.shields.io/npm/v/@morbidick/stripe-elements.svg)](https://www.npmjs.com/package/@morbidick/stripe-elements)
[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/morbidick/stripe-elements)
[![Build Status](https://travis-ci.org/morbidick/stripe-elements.svg?branch=master)](https://travis-ci.org/morbidick/stripe-elements)
[![Greenkeeper badge](https://badges.greenkeeper.io/morbidick/stripe-elements.svg)](https://greenkeeper.io/)
Simple component talking directly with the [Stripe](https://stripe.com/) [token backend](https://stripe.com/docs/api#tokens). It doesnt use stripe.js so it doesnt have the same ShadowDOM restrictions. The form is build with paper-elements to fit the Material UI.
## Installation
```bash
npm i @morbidick/stripe-elements
```
## Components
### \
```html
```
#### Styling
You can use the paper-style variables to change the look and feel of the form.
## Development
```bash
# Get dependencies
$ npm install
# Demo site
$ npm start
# Run tests
$ npm test
```