Media Chat
Chat message component for displaying images and code snippets. Features responsive image grid, code syntax highlighting, and interactive image preview with hover effects.
Refresh preview
Share Component
Copy CLI command
Props
| Property | Type | Default | Description |
|---|---|---|---|
| images | Array<{ url: string; alt?: string }> | [] | Array of image objects with URL and optional alt text. |
| codeSnippet | { language: string; code: string; fileName: string } | undefined | Code snippet object with language, code, and filename. |
| className | string | undefined | Additional CSS classes for custom styling. |
| onImageClick | (index: number) => void | undefined | Callback function called when an image is clicked. |
| showCode | boolean | true | Whether to display the code snippet. |