ngx-credit-card-inputs

An Angular 2 wrapper for intl-tel-input library

Usage no npm install needed!

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

README

NgxCc - Credit Card Validator for Angular Apps

ngx-cc provides set of components that can determine the card type(e.g visa, master card etc) and validate it by using card-validator. It can be used with or without angular material. Please look at the demo for more details.

Features!

  • Validate card and show their respective icon
  • Validate card date
  • Validate card CVV

Components

Selector: ngx-cc

Description: A component used to validate the card number and show the matched card type as user start typing.

Selector: ngx-cc-date

Description: A component used to validate the card date and format it if valid

Selector: ngx-cc-cvv

Description: A component used to validate the card security code.

In order to override the styles on the component, you can pass a css class by using styleClass property on any of above component

Note: In order to use it without angular material, you need to set defaultStyles attribute on components.