Learning Economy Protocol
Ask or search…
K
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"
/>

Storybook Docs

Update the fields below, to see live changes! 🚀

Properties

user

Description
user to display
Type
LearnCardCreditCardUserProps | undefined
Default
undefined

card

Description
card to display
Type
LearnCardCreditCardProps| undefined
Default
undefined

className

Description
Custom css class
Type
string | undefined
Default
undefined