/svelte-stripe

Everything you need to add Stripe Elements to your Svelte project

Primary LanguageSvelteMIT LicenseMIT

Everything you need to add Stripe Elements to your Svelte project. 100% SvelteKit compatible.

Stripe is now sponsoring this project

Documentation

Components

The following components are provided:

  • <Elements/>: 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, ApplePay, or Link checkout button, depending on browser and user preferences.
  • <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.
  • <ExpressCheckout/>: Pay with a wallet without leaving the page.
  • <LinkAuthenticationElement/>: Ability to use saved payment methods stored in Link.
  • <Address/>: Component for collecting billing and shipping addresses.

Examples

There is example code for:

Please open a PR or issue, if you'd like to add more.

Usage

See documentation for setup instructions and examples.

Sponsors

Stripe's logo

Code contributors

GitHub Contributors Image

Development mode

Run pnpm dev and visit https://localhost:5173:

pnpm dev

License

MIT