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

<VeltNotificationsTool shadowDom={false} panelShadowDom={false} />

<VeltNotificationsTool shadowDom={false} panelShadowDom={false} />

<velt-notifications-tool shadow-dom="false" panel-shadow-dom="false"></velt-notifications-tool>

​

Dark Mode

Default: false

<VeltNotificationsTool darkMode={true} />

<VeltNotificationsTool darkMode={true} />

<velt-notifications-tool dark-mode="true"></velt-notifications-tool>