<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

<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?