Contact Card Widget
Component Detail
User Interface
low complexity
Shared Component
mobile
0
Dependencies
1
Dependents
1
Entities
0
Integrations
Description
Compact list-item card displaying a contact's name, role context, and last interaction summary. Meets WCAG 2.2 AA minimum 44×44 dp touch target and carries semantic labels for screen reader compatibility. Renders differently depending on whether the subject is a regular contact or a peer mentor.
contact-card-widget
Responsibilities
- Display contact avatar, name, and role badge
- Show last activity date or note snippet as subtitle
- Provide accessible tap target with semantic label
- Highlight matched search terms in name or metadata
- Support swipe-to-action for quick operations
Interfaces
build(Contact contact)
onTap(String contactId)
onLongPress(String contactId)
setHighlightQuery(String query)
getSemanticLabel(Contact contact)
onSwipeAction(SwipeAction action, String contactId)