<VeltWireframe>
    <VeltCommentDialogWireframe>
        {/*  Ghost Banner */}
        <VeltCommentDialogWireframe.GhostBanner />
        {/*  Private Banner */}
        <VeltCommentDialogWireframe.PrivateBanner />
        {/*  Assignee Banner */}
        <VeltCommentDialogWireframe.AssigneeBanner>
            <VeltCommentDialogWireframe.AssigneeBanner.ResolveButton />
            <VeltCommentDialogWireframe.AssigneeBanner.UserAvatar />
            <VeltCommentDialogWireframe.AssigneeBanner.UserName />
        </VeltCommentDialogWireframe.AssigneeBanner>
        {/*  Header */}
        <VeltCommentDialogWireframe.Header>
            <div>
                New Custom HTML
            </div>
            {/*  Following subcomponents can be used outside header as well */}
            {/*  # Pin Dialog Header */}
            <VeltCommentDialogWireframe.Status />
            <VeltCommentDialogWireframe.Priority />
            <VeltCommentDialogWireframe.Options />
            <VeltCommentDialogWireframe.CopyLink />
            <VeltCommentDialogWireframe.ResolveButton />
            {/*  # Sidebar Dialog Header */}
            <VeltCommentDialogWireframe.CommentIndex />
            <VeltCommentDialogWireframe.CommentCategory />
            <VeltCommentDialogWireframe.CommentSuggestionStatus />
        </VeltCommentDialogWireframe.Header>
        {/* Private Badge */}
        <VeltCommentDialogWireframe.PrivateBadge/>
        {/* Body */}
        <VeltCommentDialogWireframe.Body>
            <VeltCommentDialogWireframe.Threads>
                <VeltCommentDialogWireframe.ThreadCard>
                    <VeltCommentDialogWireframe.ThreadCard.Avatar />
                    <VeltCommentDialogWireframe.ThreadCard.Name />
                    <VeltCommentDialogWireframe.ThreadCard.Time />
                    <VeltCommentDialogWireframe.ThreadCard.DeviceType />
                    <VeltCommentDialogWireframe.ThreadCard.Options />
                    <VeltCommentDialogWireframe.ThreadCard.Message />
                    <VeltCommentDialogWireframe.ThreadCard.ReactionTool />
                    <VeltCommentDialogWireframe.ThreadCard.Reactions />
                    <VeltCommentDialogWireframe.ThreadCard.Files />
                    <VeltCommentDialogWireframe.ThreadCard.Recordings />
                </VeltCommentDialogWireframe.ThreadCard>
                <VeltCommentDialogWireframe.MoreReply />
            </VeltCommentDialogWireframe.Threads>
            <VeltCommentDialogWireframe.ToggleReply />
        </VeltCommentDialogWireframe.Body>
        {/* 7. Composer */}
        <VeltCommentDialogWireframe.Composer>
            <VeltCommentDialogWireframe.Composer.Files />
            <VeltCommentDialogWireframe.Composer.Recordings />
            <VeltCommentDialogWireframe.Composer.Input />
            <VeltCommentDialogWireframe.Composer.ActionButton type="userMentions" />
            <VeltCommentDialogWireframe.Composer.ActionButton type="file" />
            <VeltCommentDialogWireframe.Composer.ActionButton type="audio" />
            <VeltCommentDialogWireframe.Composer.ActionButton type="video" />
            <VeltCommentDialogWireframe.Composer.ActionButton type="screen" />
            <VeltCommentDialogWireframe.Composer.ActionButton type="submit" />
            <VeltCommentDialogWireframe.Composer.AssignUser />
        </VeltCommentDialogWireframe.Composer>
        {/* All Comments */}
        <VeltCommentDialogWireframe.AllComment />
        {/* Approve */}
        <VeltCommentDialogWireframe.Approve />
        {/* Sign In */}
        <VeltCommentDialogWireframe.SignIn />
        {/* Upgrade */}
        <VeltCommentDialogWireframe.Upgrade />
        {/* Suggestion Action */}
        <VeltCommentDialogWireframe.SuggestionAction>
            <VeltCommentDialogWireframe.SuggestionAction.Accept />
            <VeltCommentDialogWireframe.SuggestionAction.Reject />
        </VeltCommentDialogWireframe.SuggestionAction>
    </VeltCommentDialogWireframe>
</VeltWireframe>

Adding Custom HTML

You can add additional HTML into the component by inserting HTML into the wireframe.

For example, here we add some HTML into the Header subcomponent:

<VeltWireframe>
    <VeltCommentDialogWireframe>
        ...
        {/*  Header */}
        <VeltCommentDialogWireframe.Header>
            <div>
                New Custom HTML
            </div>
            <VeltCommentDialogWireframe.Status />
            <VeltCommentDialogWireframe.Priority />
            <VeltCommentDialogWireframe.Options />
            <VeltCommentDialogWireframe.CopyLink />
            <VeltCommentDialogWireframe.ResolveButton />
            <VeltCommentDialogWireframe.CommentIndex />
            <VeltCommentDialogWireframe.CommentCategory />
            <VeltCommentDialogWireframe.CommentSuggestionStatus />
        </VeltCommentDialogWireframe.Header>
        ...
    </VeltCommentDialogWireframe>
</VeltWireframe>