Contact Card Widget
Component Detail
User Interface
low complexity
mobile
0
Dependencies
0
Dependents
2
Entities
0
Integrations
Description
Reusable card component rendering a single contact or peer mentor entry in the list. Displays name, status badge, area, and role-relevant action shortcuts. Touch targets meet WCAG 2.2 AA minimum size requirements and all elements carry semantic labels for screen reader compatibility.
contact-card-widget
Responsibilities
- Render contact summary data (name, status, area, role badge)
- Expose tap and long-press callbacks for navigation and quick actions
- Enforce minimum touch target sizes and semantic accessibility labels
Interfaces
buildCard(contact: Contact)
onTap(contactId: String)
onLongPress(contactId: String)
setHighlighted(highlighted: bool)
Related Data Entities (2)
Data entities managed by this component