International Payment Card UI Library For Angular

Author:AnthonyNahas
Views Total:366 views
Official Page:Go to website
Publish Date:December 9, 2020
License:MIT

Description:

An international payment card UI library that helps you create a professional payment form in your Angular app.

How to use it:

1. Install and import the module.

# NPM
$ npm i ngx-payment-card --save
import { NgxPaymentCardModule } from 'ngx-payment-card'; 
@NgModule({
  declarations: [AppComponent, ...],
  imports: [NgxPaymentCardModule, ...],  
  bootstrap: [AppComponent]
})
export class AppModule {
}

2. Add the ngx-payment-card component to the app.

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

Preview:

International Payment Card UI Library For Angular


You Might Be Interested In:

Add Comment