Viewer
The Viewer element displays image-based content. Use this element to show static visual information, such as attachments, scanned documents, or media previews. It supports both incoming and outgoing file previews in the messaging interface.
Properties
| Property | Value | Description |
|---|---|---|
| Type | Viewer | UI component type |
| Group | Image | Belongs to the "Image" group in UI catalog |
| Identifier | (Not listed) | Unique element ID (not specified in table) |
| Preview | ✓ | See image preview above |
| Value | Y | Displays a static value |
| Mandatory | Not required for input | |
| Error | Does not display error states | |
| Min | No defined minimum | |
| Max | No defined maximum | |
| Read-only | Always static and non-editable | |
| Text, Icon | Does not display additional icons | |
| Children | Not a container for nested fields | |
| List | Not used in list structures | |
| Event | Does not trigger interactive events | |
| Shade | Does not include background shading |
SDK Integration
The Viewer element appears in the User Chat flow:
Method: /messages/user-chat
Displays file attachments such as uploaded documents or images in the chat interface. Viewer supports both received and sent files. The interface loads it dynamically depending on message type and alignment (incoming vs. outgoing).
Example UI Placement
| Level | Reference | Type | Value | Placement |
|---|---|---|---|---|
3 | attachment (incoming) | Viewer | Received document | Inside incoming message container |
3 | attachment (outgoing) | Viewer | Sent document | Inside outgoing message container |
Notes
- Use for static file previews in messaging flows.
- Automatically adapts for both desktop and mobile.
- Optimized for lightweight image or PDF formats.
- Cannot edit or download directly from this field.