Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/bennypowers/stripe-elements
Custom Element Wrapper for Stripe.js v3 Elements
https://github.com/bennypowers/stripe-elements
custom-elements customelements hacktoberfest lit-element stripe stripe-element stripe-form web-component webcomponents
Last synced: 2 days ago
JSON representation
Custom Element Wrapper for Stripe.js v3 Elements
- Host: GitHub
- URL: https://github.com/bennypowers/stripe-elements
- Owner: bennypowers
- Created: 2017-06-02T12:41:49.000Z (over 7 years ago)
- Default Branch: main
- Last Pushed: 2023-12-06T11:40:38.000Z (about 1 year ago)
- Last Synced: 2025-02-09T06:12:27.451Z (10 days ago)
- Topics: custom-elements, customelements, hacktoberfest, lit-element, stripe, stripe-element, stripe-form, web-component, webcomponents
- Language: TypeScript
- Homepage: https://stripe-elements.netlify.app/
- Size: 26.1 MB
- Stars: 80
- Watchers: 5
- Forks: 20
- Open Issues: 18
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
- awesome-lit - Stripe Elements - Custom Element Wrapper for Stripe.js v3 Elements. (Component Libraries)
- awesome-web-components - Stripe Elements - Custom Element Wrapper for Stripe.js v3 Elements. (Real World / Component Libraries)
README

# Stripe Elements Web Components
🛡⚛️🔰 **Any** Framework - **One** Stripe Integration. 💰💵💸
[](https://www.npmjs.com/package/@power-elements/stripe-elements)
[](https://www.webcomponents.org/element/bennypowers/stripe-elements)
[](https://open-wc.org)
[](https://codeclimate.com/github/bennypowers/stripe-elements/maintainability)
[](https://codeclimate.com/github/bennypowers/stripe-elements/test_coverage)
[](https://github.com/bennypowers/stripe-elements/actions?query=workflow%3ARelease)
[](https://www.codementor.io/bennyp?utm_source=github&utm_medium=button&utm_term=bennyp&utm_campaign=github)👨🎨 [Live Demo](https://bennypowers.dev/stripe-elements/) 👀
## 🚚 Installation
You should make sure to load stripe.js on your app's index.html, as per Stripe's recommendation, before loading ``. If `window.Stripe` is not available when you load up the component, it will fail with a reasonably-polite console warning.
```html
```
```bash
npm i -S @power-elements/stripe-elements
```---
`` is a community project.
---
## 📚 API Docs
Learn how to use Stripe Elements web components in the [docs](https://bennypowers.dev/stripe-elements)