VC Thumbnail, Mini

Minified version of the VC Thumbnail for displaying a verifiable credential

import { MiniVCThumbnail } from '@learncard/react';

const handleOnClick = () => {};

<MiniVCThumbnail
   title="Hello World!"
   createdAt="June, 3 2022"
   issuerImage="https://issuerimage.png"
   badgeImage="https://badgeimage.png"
   className="customClass"
   onClick={handleOnClick}
/>

Storybook Docs

Update the fields below, to see live changes! 🚀

try: issuerImage: ""

Properties

title

Description	Thumbnail title
Type	string | undefined
Default	undefined

createdAt

Description	Credential issue date
Type	string | undefined
Default	undefined

issuerImage

Description	Credential issuer image
Type	string | undefined
Default	undefined

badgeImage

Description	Open badge image
Type	string | undefined
Default	undefined

className

Description	Custom css class
Type	string | undefined
Default	""

onClick

Description	Custom onClick handler
Type	() => void | undefined
Default	() => {}