Cards Component

let cashfree = Cashfree({
  mode:"sandbox" //or production
});
let card = cashfree.create('cardNumber', {
	values:{
		placeholder: "Enter card number"
	}
});
card.on('loaderror', function(data){
	console.log(data.error)
})
card.mount("#mount-here");
card.on('ready', function(d){
    console.log(card.data().value);  //{brand: 'visa', cvvLength: 3}
    //or
    //console.log(d.value) 
})

let cashfree = Cashfree({
  mode:"sandbox" //or production
});
let cardHolder = cashfree.create('cardHolder', {
	values:{
		cardHolder: 'Jane Doe'
	}
});
cardHolder.on('loaderror', function(data){
	console.log(data.error)
})
cardHolder.mount("#mount-here");
cardHolder.on('ready', function(d){
    console.log(cardHolder.data().value)//{cardHolder: 'Jane Doe'}
    //or
    //console.log(d.value);  
})

let cashfree = Cashfree({
  mode:"sandbox" //or production
});
let cardExpiry = cashfree.create('cardExpiry', {
	values:{
		//does not accept any value
	}
});
cardExpiry.on('loaderror', function(data){
	console.log(data.error)
})
cardExpiry.mount("#mount-here");
cardCvv.on('ready', function(d){
    console.log(cardCvv.data().value); //{cardExpiry: '12/26'}
    //or
    //console.log(d.value) 
});

let cashfree = Cashfree({
  mode:"sandbox" //or production
});
let cardCvv = cashfree.create('cardCvv', {});
cardCvv.on('loaderror', function(data){
	console.log(data.error)
})
cardCvv.mount("#mount-here");
cardCvv.on('ready', function(d){
    console.log(cardCvv.data().value); //{cardCvv: '123'}
    //or
    //console.log(d.value) 
});