​
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

​
Example

<VeltComments dialogShadowDom={false} />

​
API methods

const commentElement = client.getCommentElement();
commentElement.enableDialogShadowDOM();
commentElement.disableDialogShadowDOM();

​
Dark Mode

By default, all components are in Light Mode, but there are several properties and methods to enable Dark Mode. Default: false Below are the examples to enable Dark Mode for comments dialog:

​
Example

<VeltComments dialogDarkMode={true}/>

​
API methods

const commentElement = client.getCommentElement();
commentElement.enableDarkMode();
commentElement.disableDarkMode();