Everything you need to add Stripe Elements to your Svelte project. 100% [SvelteKit](https://kit.svelte.dev/) compatible.
npm install svelte-stripeEverything you need to add Stripe Elements to your Svelte project. 100% SvelteKit compatible.
> Stripe is now sponsoring this project
The following components are provided:
- : A wrapper component to set context.
- : Input field for the card's number.
- : Input field for the card's expiration date.
- : Input field for Card Verification Value.
- : All-in-one component that has inputs for card number, expiry, cvc, and zip code.
- : Input field for IBAN (International bank account number).
- : Input field for iDEAL (payment system used in the Netherlands).
- : All-in-one component that allows the user to choose the type of payment.
- : Pay with a wallet without leaving the page using GooglePay, ApplePay, or Link.
- : Ability to use saved payment methods stored in Link.
- : Component for collecting billing and shipping addresses.
There is example code for:
- Payment Element
- Express Checkout
- Embedded Checkout
- Link
- Credit card
- GooglePay
- ApplePay
- MicrosoftPay
- SEPA direct deposit
- iDEAL
- Alipay
- WeChat Pay
- Konbini
- Klarna
- Afterpay/Clearpay
- PaymentMethodMessaging
Please open a PR or issue, if you'd like to add more.
See documentation for setup instructions and examples.
Run pnpm dev and visit https://localhost:5173:
``bash``
pnpm dev
MIT