ngx-payment-card

Angular UI component that represents an international payment card

Usage no npm install needed!

<script type="module">
  import ngxPaymentCard from 'https://cdn.skypack.dev/ngx-payment-card';
</script>

README

angular-material-extensions's logo

ngx-payment-card - Angular library simplifying generation of mailto links with Typescript

npm version npm demo docs: typedoc Join the chat at https://gitter.im/angular-material-extensions/Lobby license

from

ngx-payment-card demonstration

to -->

ngx-payment-card demonstration

Built by and for developers :heart:

Do you have any question or suggestion ? Please do not hesitate to contact us! Alternatively, provide a PR | open an appropriate issue here

If you like this project, support angular-material-extensions by starring :star: and sharing it :loudspeaker:

Table of Contents

Demo

View all the directives and components in action at https://anthonynahas.github.io/ngx-payment-card


Dependencies

  • Angular developed and tested with 11.x

Installation

Install via npm. (Alternative)

Now install ngx-payment-card via:

npm install --save ngx-payment-card

Import the library

If you installed the library via angular schematics, you can skip this step

import { NgxPaymentCardModule } from 'ngx-payment-card'; 

@NgModule({
  declarations: [AppComponent, ...],
  imports: [NgxPaymentCardModule, ...],  
  bootstrap: [AppComponent]
})
export class AppModule {
}

Other modules in your application like for lazy loading import NgxPaymentCardModule into your feature module:

API

soon...

Usage

simple

<ngx-payment-card></ngx-payment-card>

advanced

<ngx-payment-card #ngxPaymentCard
                  [IBAN]="iban?.value"
                  [cardNumber]="+cNumber?.value"
                  [securityCode]="sc?.value"
                  [name]="name?.value">
</ngx-payment-card>

Run Demo App Locally

Build the library

$ npm run build:lib

Serve the demo app

$ npm start

Other Angular Libraries


Support

Built by and for developers :heart: we will help you :punch:


jetbrains logo

This project is supported by jetbrains with 1 ALL PRODUCTS PACK OS LICENSE incl. webstorm


License

Copyright (c) 2020 Anthony Nahas. Licensed under the MIT License (MIT)

angular-material-extensions's logo