Comment Pin
Overview
The Pin that appears on the DOM when you place a Comment.
We recommend that you familiarize yourselves with UI Customization Concepts before attempting to modify any components.
Default Component
Dark Mode
Whether dark mode
is enabled on the Comment Pin
.
Default: false
<VeltComments dialogDarkMode={true}/>
Disable ShadowDOM
Whether the ShadowDOM is enabled or not on the Comment Pin
Default: enabled
By default, a ShadowDOM is used with certain components to ensure that your application’s CSS does not interfere with the styling of the SDK components.
If you want your application’s CSS to affect the styling of certain SDK components, you can disable the ShadowDOM.
<VeltComments pinShadowDOM={false} />
API methods:
const commentElement = client.getCommentElement();
commentElement.enablePinShadowDOM();
commentElement.disablePinShadowDOM();
Was this page helpful?