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

​
VeltPersistentCommentModeWireframe

<VeltWireframe>
    <VeltPersistentCommentModeWireframe>
        <VeltPersistentCommentModeWireframe.CloseButton />
        <VeltPersistentCommentModeWireframe.Label />
    </VeltPersistentCommentModeWireframe>
</VeltWireframe>

​
CloseButton

<VeltWireframe>
    <VeltPersistentCommentModeWireframe.CloseButton />
</VeltWireframe>

​
Label

<VeltWireframe>
    <VeltPersistentCommentModeWireframe.Label>
        <VeltPersistentCommentModeWireframe.Label.Public />
        <VeltPersistentCommentModeWireframe.Label.Private />
    </VeltPersistentCommentModeWireframe.Label>
</VeltWireframe>

​
Label.Public

<VeltWireframe>
    <VeltPersistentCommentModeWireframe.Label.Public />
</VeltWireframe>

​
Label.Private

<VeltWireframe>
    <VeltPersistentCommentModeWireframe.Label.Private />
</VeltWireframe>

​
Styling

​
Disable ShadowDOM

  • By default, ShadowDOM is used to ensure that your app’s CSS does not interfere with the styling of the SDK components.
  • Disable the shadow dom to apply your custom CSS to the component.
Default: true 
<VeltComments persistentCommentShadowDom={false}/>