Samples

Examples and references that can help you to build your web application on top of VGS Collect.js.

Frameworks Integration

React.js

Example integration in React.js application

Vue.js

Example integration in Vue.js application

Angular.js

Example integration in Angular.js application

Use Cases

Payment Form

Build payment form with VGS Collect.js

Shipping Form Example

Build shipping form with VGS Collect.js

Login Form Example

Build login form with VGS Collect.js

PII Form Example

Build PII form with VGS Collect.js

Supportive modules

Script Loading NPM module

Script loading NPM module for the VGS Collect.

React Wrapper for the VGS Collect fields

React wrapper for VGS Collect.js fields

Customization code snippets

Add custom card brands

Add new card brand:

Change existing card brand config:

Allow only specific card brands support

Separate month and year for the card expiration date field

Control expiration date year length

Override default card/cvv icons

Change expiration date separator

Configuration of the input type file

Date of Birth validation

Compare values equality

Conditionally remove secure field

Last updated