Certificate Card Widget
Component Detail
User Interface
medium complexity
frontendmobile
0
Dependencies
0
Dependents
3
Entities
0
Integrations
Description
Renders an individual certificate entry with the certificate name, issue date, expiry date, and a download or present action button. Includes a physical card status badge and colour-coded validity indicator (valid, expiring soon, expired).
certificate-card-widget
Responsibilities
- Render certificate metadata including name, issue and expiry dates
- Display colour-coded validity indicator (valid / expiring / expired)
- Show physical card issuance status badge
- Provide download and digital-presentation actions
Interfaces
renderCard(certificate)
onDownloadTap(certificateId)
onPresentTap(certificateId)
getValidityColor(expiryDate)
renderPhysicalCardBadge(isIssued)
onCardTap(certificateId)
Related Data Entities (3)
Data entities managed by this component