Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

svelte-stripe

Package Overview
Dependencies
Maintainers
0
Versions
25
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

svelte-stripe

Everything you need to add Stripe Elements to your Svelte project. 100% [SvelteKit](https://kit.svelte.dev/) compatible.

  • 1.2.1
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
3K
decreased by-31.27%
Maintainers
0
Weekly downloads
 
Created
Source

svelte-stripe

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

FAQs

Package last updated on 22 Sep 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc