Navigation & Structure
Minimal Thread Chat
Minimal thread chat message with attachments and reactions. Features file attachment previews, emoji reactions, and clean typography.
navigation-structurechatthreadminimalattachmentsreactions
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. |