Minimal Thread Chat
Minimal thread chat message with attachments and reactions. Features file attachment previews, emoji reactions, and clean typography.
Refresh preview
Share Component
Copy CLI command
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. |