Repository files navigation

Svelte Payment Inputs is a collection of unstyled payment input components for Svelte.

This is a port ofReact Payment Inputs for React, which was created byMedipass.

To start using the library, install it in your project:

npm install svelte-payment-inputs

Use the drawer in your app.

<script>import {Package }from"svelte-payment-inputs";</script><Packagename="Visa"number="4111 1111 1111 1111"expiry="12/23"cvc="123"on:change={(event)=> {console.log(event.detail);  }}</Package>

The documentation is hosted onGitHub Pages.

Play around with the examples on StackBlitz:

• With scaled background

TBD

Once you've created a project and installed dependencies withnpm install (orpnpm install oryarn), start a development server:

npm run dev# or start the server and open the app in a new browser tabnpm run dev -- --open

Everything insidesrc/lib is part of the library, everything insidesrc/routes is the documentation.

To build the library:

npm run package

To create a production version of the documentation:

npm run build

You can preview the production build withnpm run preview.

To deploy the app, you may need to install anadapter for your target environment.

To publish the library tonpm:

npm publish

To run the tests, use the following command:

npm runtest

The roadmap for the project is available in theROADMAP.md file.

TBD

The svelte-payment-inputs is licensed under theMIT License.

Contributions are welcome! Please read thecontributing guidelines for more information.