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

​

Example

• React / Next.js
• Other Frameworks

<VeltInlineReactionsSection shadowDom={false} />

​

Dark Mode

Default: false

• React / Next.js
• Other Frameworks

<VeltInlineReactionsSection darkMode={true} />

const reactionElement = client.getReactionElement();
reactionElement.enableDarkMode();
reactionElement.disableDarkMode();