Caption
The Caption element displays brief labels or indicators within the interface. It typically accompanies other content types such as message groups or status lines. Captions support plain text and icon pairing. Use captions for annotations, alerts, or contextual hints where space is limited.
Properties
| Property | Value | Description |
|---|---|---|
| Type | Caption | UI component type |
| Group | Text | Belongs to the "Text" group in UI catalog |
| Identifier | 3 | Unique element ID |
| Preview | ✓ | See image preview above |
| Text, Icon | Y | Supports optional icon alongside text |
| Max | Lines | Supports line constraints (e.g., truncation rules) |
Usage Example
<Caption label="New messages" />
SDK Integration
This element appears in the User Chat interface.
Method: /messages/user-chat
Used to label dividers between older and unread messages.
Example UI Placement
| Level | Reference | Type | Value | Placement |
|---|---|---|---|---|
2 | new-message | Caption | New messages | Above divider in chat view |
Notes
- Used to enhance clarity in chat threads.
- Often paired with Line or Spacer elements.
- Does not trigger events or validation.