Comment on page
LearnCard Back
Component for displaying the back face of a unique Card issued to a user
Learn Card - Card Front Face
import {
LearnCardCreditCardBackFace,
LearnCardCreditCardProps,
LearnCardCreditCardUserProps
} from '@learncard/react';
const handleOnClick = () => {};
const user: LearnCardCreditCardUserProps = {
fullName: 'Jane Doe',
username: 'jane_doe_2022'
}
const card: LearnCardCreditCardProps = {
cardNumber: "0000 0000 0000 0000",
cardIssueDate: "2022",
cardExpirationDate: "00/00",
cardSecurityCode: "000"
}
<LearnCardCreditCardBackFace
user={user}
card={card}
className="customClass"
/>
Update the fields below, to see live changes! 🚀
Description | user to display |
Type | LearnCardCreditCardUserProps | undefined |
Default | undefined |
Description | card to display |
Type | LearnCardCreditCardProps| undefined |
Default | undefined |
Description | Custom css class |
Type | string | undefined |
Default | undefined |
Last modified 1yr ago