<VeltWireframe>
    <VeltCommentDialogWireframe>
        {/*  Ghost Banner - Only shown for ghost comments */}
        <VeltCommentDialogWireframe.GhostBanner />
        {/*  Private Banner - Only shown for private comments */}
        <VeltCommentDialogWireframe.PrivateBanner />
        {/*  Assignee Banner - Only shown for assigned comments */}
        <VeltCommentDialogWireframe.AssigneeBanner />
        {/*  Header */}
        <VeltCommentDialogWireframe.Header />
        {/* Private Badge - Only shown for private comments */}
        <VeltCommentDialogWireframe.PrivateBadge />
        {/* Body */}
        <VeltCommentDialogWireframe.Body />
        {/* Composer */}
        <VeltCommentDialogWireframe.Composer />
        {/* All Comments */}
        <VeltCommentDialogWireframe.AllComment />
        {/* Approve - Only when moderator mode is on */}
        <VeltCommentDialogWireframe.Approve />
        {/* Sign In - Only when user is anonymous and sign in button is enabled */}
        <VeltCommentDialogWireframe.SignIn />
        {/* Upgrade - Not visible by default */}
        <VeltCommentDialogWireframe.Upgrade />
        {/* Suggestion Action - Only when suggestion mode is on */}
        <VeltCommentDialogWireframe.SuggestionAction />
    </VeltCommentDialogWireframe>
</VeltWireframe>

We recommend that you familiarize yourselves with UI Customization Concepts before attempting to modify any components.

​
Default Component

Here’s how the default comment dialog component looks like:

<VeltWireframe>
    <VeltCommentDialogWireframe>
        {/*  Ghost Banner - Only shown for ghost comments */}
        <VeltCommentDialogWireframe.GhostBanner />
        {/*  Private Banner - Only shown for private comments */}
        <VeltCommentDialogWireframe.PrivateBanner />
        {/*  Assignee Banner - Only shown for assigned comments */}
        <VeltCommentDialogWireframe.AssigneeBanner />
        {/*  Header */}
        <VeltCommentDialogWireframe.Header />
        {/* Private Badge - Only shown for private comments */}
        <VeltCommentDialogWireframe.PrivateBadge />
        {/* Body */}
        <VeltCommentDialogWireframe.Body />
        {/* Composer */}
        <VeltCommentDialogWireframe.Composer />
        {/* All Comments */}
        <VeltCommentDialogWireframe.AllComment />
        {/* Approve - Only when moderator mode is on */}
        <VeltCommentDialogWireframe.Approve />
        {/* Sign In - Only when user is anonymous and sign in button is enabled */}
        <VeltCommentDialogWireframe.SignIn />
        {/* Upgrade - Not visible by default */}
        <VeltCommentDialogWireframe.Upgrade />
        {/* Suggestion Action - Only when suggestion mode is on */}
        <VeltCommentDialogWireframe.SuggestionAction />
    </VeltCommentDialogWireframe>
</VeltWireframe>

Was this page helpful?

Action ComponentsStyling