Everything you need to add Stripe to your Svelte project. 100% svelte-kit compatible.
Stripe is now sponsoring this project
The following components are provided:
<Container/>: A wrapper component to set context.<CardNumber/>: Input field for the card's number.<CardExpiry/>: Input field for the card's expiration date.<CardCvc/>: Input field for Card Verification Value.<Card/>: All-in-one component that has inputs for card number, expiry, cvc, and zip code.<PaymentRequestButton/>: A GooglePay or ApplePay button, depending on browser.<Iban/>: Input field for IBAN (International bank account number).<Ideal/>: Input field for iDEAL (payment system used in the Netherlands).<PaymentElement/>: All-in-one component that allows the user to choose the type of payment.
There is example code for:
- Payment Element
- Credit card
- GooglePay
- ApplePay
- MicrosoftPay
- SEPA direct deposit
- iDEAL
- Alipay
- WeChat Pay
- Konbini
- Klarna
- Sofort
- Afterpay/Clearpay
Please open a PR or issue, if you'd like to add more.
See documentation for setup instructions and examples.
Run pnpm dev with environment loaded, and visit https://localhost:3000:
npx dotenv -c development pnpm devMIT