Incoming
The Incoming element is a visual container for received messages in the Doctor App's chat interface. It wraps text, icons, attachments, and metadata that originate from the other participant in the conversation. On desktop and mobile, it displays on the left and pairs with the Outgoing group to represent two-way communication.
Properties
| Property | Value | Description |
|---|---|---|
| Type | Group | Logical container for incoming chat components |
| Group | Text | Used in the chat layout structure |
| Identifier | 26 | Unique UI element ID |
| Preview | ✓ | Visual preview of message with system styling |
| Value | Not user-editable; shows incoming data only | |
| Mandatory | Not required for form logic | |
| Error | Y | Supports error indicators (if rendering fails) |
| Min | No minimum input | |
| Max | Lines | Automatically expands for content length |
| Read-only | Not editable | |
| Text, Icon | Y | Supports both system text and message iconography |
| Children | Y | Wraps nested components like Viewer and Line |
| Event | Y | May trigger UI animations on message receipt |
| Shade | No special shading |
SDK Integration
The Incoming element is used in the chat interface rendered from:
Method: /messages/user-chat
This route displays historical and live incoming messages from other users or system-generated replies during chat-based support and appointment workflows.
Example UI Placement
| Level | Reference | Type | Value | Description |
|---|---|---|---|---|
2 | incoming-{messageId} | Group | Incoming container | Holds message, attachments, etc. |
3 | attachment (incoming) | Viewer | Received file | Displays uploaded attachment |
Notes
- Automatically aligns to the left side of the chat window.
- Frequently used with
Caption,Line, andViewercomponents. - Commonly styled with background and padding to distinguish it from outgoing messages.