<VeltWireframe>
    <VeltCommentPinWireframe>
        {/* Ghost Comment Indicator */}
        <VeltCommentPinWireframe.GhostCommentIndicator/>
        {/* Index */}
        <VeltCommentPinWireframe.Index/>
        {/* Private Comment Indicator */}
        <VeltCommentPinWireframe.PrivateCommentIndicator/>
        {/* Triangle */}
        <VeltCommentPinWireframe.Triangle/>
        {/* Unread Comment Indicator */}
        <VeltCommentPinWireframe.UnreadCommentIndicator/>
    </VeltCommentPinWireframe>
</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 pin component looks like:

<VeltWireframe>
    <VeltCommentPinWireframe>
        {/* Ghost Comment Indicator */}
        <VeltCommentPinWireframe.GhostCommentIndicator/>
        {/* Index */}
        <VeltCommentPinWireframe.Index/>
        {/* Private Comment Indicator */}
        <VeltCommentPinWireframe.PrivateCommentIndicator/>
        {/* Triangle */}
        <VeltCommentPinWireframe.Triangle/>
        {/* Unread Comment Indicator */}
        <VeltCommentPinWireframe.UnreadCommentIndicator/>
    </VeltCommentPinWireframe>
</VeltWireframe>

Was this page helpful?

VariantsVariants