Concepts
Async Collaboration
- Comments
- Comment Dialog
- Overview
- Styling
- Variants
- Subcomponents
- All comments
- Approve
- Assignee banner
- Autocomplete option
- Autocomplete group option
- Autocomplete chip tooltip
- Body
- Composer
- Annotation Dropdown
- Ghost banner
- Header
- Navigation button
- Options dropdown
- Priority dropdown
- Private banner
- Reactions panel
- Reaction pin
- Reaction pin tooltip
- Reaction tool
- Sign in
- Status dropdown
- Suggestion action
- Upgrade
- Comments Sidebar
- Standalone Components (DIY)
- Inline Comments Section
- Comment Pin
- Comment Tool
- Comment Bubble
- Comment Player Timeline
- Confirmation Dialog
- MultiThread Comment Dialog
- Persistent Comment Mode Banner
- Text Comment Tool
- Text Comment Toolbar
- Velt Video Player
- In-app Notifications
- Recorder
- Inline Reactions Section
- Arrows
Realtime Collaboration
Subcomponents
ThreadCard
The subcomponent of the Body of the Comment Dialog that is used to show attachments added to a Comment reply.
Copy
Ask AI
<VeltWireframe>
<VeltCommentDialogWireframe.ThreadCard>
<VeltCommentDialogWireframe.ThreadCard.Avatar />
<VeltCommentDialogWireframe.ThreadCard.Name />
<VeltCommentDialogWireframe.ThreadCard.Unread /> {/* Unread indicator */}
<VeltCommentDialogWireframe.ThreadCard.SeenDropdown /> {/* Seen indicator with dropdown */}
<VeltCommentDialogWireframe.ThreadCard.Draft /> {/* Draft indicator */}
<VeltCommentDialogWireframe.ThreadCard.Time />
<VeltCommentDialogWireframe.ThreadCard.DeviceType />
<VeltCommentDialogWireframe.ThreadCard.Options />
<VeltCommentDialogWireframe.ThreadCard.Message />
<VeltCommentDialogWireframe.ThreadCard.ReactionTool />
<VeltCommentDialogWireframe.ThreadCard.Reactions />
<VeltCommentDialogWireframe.ThreadCard.Attachments>
... customizable
</VeltCommentDialogWireframe.ThreadCard.Attachments>
<VeltCommentDialogWireframe.ThreadCard.Recordings />
</VeltCommentDialogWireframe.ThreadCard>
</VeltWireframe>
We recommend that you familiarize yourselves with UI Customization Concepts before attempting to modify any components.
Default Subcomponent
Copy
Ask AI
<VeltWireframe>
<VeltCommentDialogWireframe.ThreadCard>
<VeltCommentDialogWireframe.ThreadCard.Avatar />
<VeltCommentDialogWireframe.ThreadCard.Name />
<VeltCommentDialogWireframe.ThreadCard.Unread /> {/* Unread indicator */}
<VeltCommentDialogWireframe.ThreadCard.SeenDropdown /> {/* Seen indicator with dropdown */}
<VeltCommentDialogWireframe.ThreadCard.Draft /> {/* Draft indicator */}
<VeltCommentDialogWireframe.ThreadCard.Time />
<VeltCommentDialogWireframe.ThreadCard.DeviceType />
<VeltCommentDialogWireframe.ThreadCard.Options />
<VeltCommentDialogWireframe.ThreadCard.Message />
<VeltCommentDialogWireframe.ThreadCard.ReactionTool />
<VeltCommentDialogWireframe.ThreadCard.Reactions />
<VeltCommentDialogWireframe.ThreadCard.Attachments>
... customizable
</VeltCommentDialogWireframe.ThreadCard.Attachments>
<VeltCommentDialogWireframe.ThreadCard.Recordings />
</VeltCommentDialogWireframe.ThreadCard>
</VeltWireframe>
Was this page helpful?
Copy
Ask AI
<VeltWireframe>
<VeltCommentDialogWireframe.ThreadCard>
<VeltCommentDialogWireframe.ThreadCard.Avatar />
<VeltCommentDialogWireframe.ThreadCard.Name />
<VeltCommentDialogWireframe.ThreadCard.Unread /> {/* Unread indicator */}
<VeltCommentDialogWireframe.ThreadCard.SeenDropdown /> {/* Seen indicator with dropdown */}
<VeltCommentDialogWireframe.ThreadCard.Draft /> {/* Draft indicator */}
<VeltCommentDialogWireframe.ThreadCard.Time />
<VeltCommentDialogWireframe.ThreadCard.DeviceType />
<VeltCommentDialogWireframe.ThreadCard.Options />
<VeltCommentDialogWireframe.ThreadCard.Message />
<VeltCommentDialogWireframe.ThreadCard.ReactionTool />
<VeltCommentDialogWireframe.ThreadCard.Reactions />
<VeltCommentDialogWireframe.ThreadCard.Attachments>
... customizable
</VeltCommentDialogWireframe.ThreadCard.Attachments>
<VeltCommentDialogWireframe.ThreadCard.Recordings />
</VeltCommentDialogWireframe.ThreadCard>
</VeltWireframe>
Assistant
Responses are generated using AI and may contain mistakes.