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

VeltCommentToolWireframe

<VeltWireframe>
    <VeltCommentToolWireframe>
        {/* Your custom element */}
    </VeltCommentToolWireframe>
</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

<VeltCommentTool shadowDom={false} />

Dark Mode

Default: false

<VeltCommentTool darkMode={true} />