User Card
User profile cards with avatar, name, subtitle, and three interaction variants: default display, chevron navigation, and delete actions with confirmation
Navigation vs Interaction
Navigation to User Profile
Navigation: Uses Next.js Link to navigate to user profile pages. Click to navigate.
Interactive User Selection
Interaction: Uses onClick for custom actions like user selection or workflow triggers.
External Profile Links
External Link: Links to external profiles with proper target and rel attributes.
Default Variant
Basic display card with no interaction
Chevron Variant
Clickable card with chevron icon for navigation
Delete Variant
Card with delete button that shows confirmation modal