[PITCH] Apresentando a Nova Biblioteca de Cartão de Crédito React: Leve, Moderna e Customizável! 🚀

Fala pessoal! Queria compartilhar com vocês a nova biblioteca de exibição de cartão que estava criando, ela é inspirada na popular react-credit-cards, porem procurei fazer um design mais bonito e moderno e que a lib fosse mais leve e simples de usar, a ideia no futuro é tornar ela completamente customizável, para aderir o gosto de todos que vão a utilizar. Espero que gostem! 😄

Links:

Instalação

npm install react-credit-cards-library

Exemplo de uso simples

No github e no npm tem mais exemplos de uso e de customização da lib


import React from 'react';
import {CreditCard} from 'react-credit-cards-library';

function App() {
  return (
    <div>
      <CreditCard
        cvc="123"
        expiry="12/23"
        name="John Doe"
        number="1234 5678 1234 5678"
      />
    </div>
  );
}

Screenshots

image image

Qualquer dúvida ou sugestão, estou por aqui! 🚀

Muito bacana sua ideia, parabéns, quando precisar de algo assim vou usar. Só me tira uma dúvida por favor, a lib possui algum tipo de verificação se aquele número se trata de um cartão válido ou algo do tipo, ou apenas desenha os números que eu colocar?

Opa! Cara, atualmente a lib valida a bandeira do cartão, então quando não é um número valido ele apenas fica sem bandeira mesmo

Sensacional. Já vou mandar pros meus colegas pra quando tiver oportunidade testar.

Oloco, ficou show demais. Vou comentar aqui pra usar depois.