Minimal Thread Chat
Minimal thread chat message with attachments and reactions. Features file attachment previews, emoji reactions, and clean typography.
Main Features of Minimal Thread Chat
How to Use Minimal Thread Chat in Next.js
Installation Guide for Minimal Thread Chat
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
userName | string | "Jane Doe" | Name of the message sender. |
userInitials | string | "JD" | Initials displayed in the avatar. |
timestamp | string | "12:42 PM" | Timestamp text displayed in the message. |
message | string | "Has anyone checked the latest deployment? I'm seeing some improved latency figures on the dashboard. 🚀" | Message text content. |
attachments | Array<{ name: string; size: string; type: 'pdf' | 'image' | 'doc' | 'other' }> | [] | Array of attachment objects with name, size, and type. |
reactions | Array<{ emoji: string; count: number }> | [] | Array of reaction objects with emoji and count. |
showReactions | boolean | true | Whether to display reactions. |
className | string | undefined | Additional CSS classes for custom styling. |