Outgoing
The Outgoing element is a container used in the Doctor App chat module. It visually wraps all sent (user-generated) messages, grouping their attachments, timestamps, and alignment. It mirrors the structure of the Incoming group, but with right alignment and local sender context.
Properties
| Property | Value | Description |
|---|---|---|
| Type | Group | UI container that holds nested message elements |
| Group | Chat | Used inside message threads |
| Identifier | Dynamic | Based on message ID (e.g. outgoing-1234) |
| Preview | ✓ | See image above |
| Direction | Right | Aligned to right side of chat window |
| Attachments | ✓ | Displays attached files in outgoing messages |
| Children | ✓ | Contains nested components like Viewer, Line |
| Role | Sender | Represents the user's side in chat UI |
SDK Integration
The Outgoing element is used in:
Method: /messages/user-chat
It represents outgoing messages sent by the doctor or user in appointment or support chats. Appears as part of the dynamic chat log rendered from real-time or loaded message data.
Example UI Placement
| Level | Reference | Type | Value | Description |
|---|---|---|---|---|
2 | outgoing-{messageId} | Group | Outgoing message | Container for all components per message |
3 | attachment (outgoing) | Viewer | Sent file | Shows uploaded or sent file attachment |
Notes
- Always paired with the
Incominggroup to distinguish between user and receiver. - Supports file previews, message bubble styling, and spacing rules.
- Follows responsive rules across mobile and desktop layouts.