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.
✦Login free · unlock code · 200+ premium components with Pro
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. |
Related Components
Enjoying Uilora? Unlock the full library.
56+ premium components, unlimited CLI, unlimited MCP, v0 + Claude prompts — one payment, forever.
✓ Instant access✓ Lifetime updates✓ Commercial license
Built something cool?
Share your work with 10k+ devs — or tell us how we can improve.