Comment Tool - Velt

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

VeltCommentToolWireframe

React / Next.js
Other Frameworks

<VeltWireframe>
    <VeltCommentToolWireframe>
        {/* Your custom element */}
    </VeltCommentToolWireframe>
</VeltWireframe>

<velt-wireframe style="display:none;">
    <velt-comment-tool-wireframe>
        <!-- Your custom element -->
    </velt-comment-tool-wireframe>
</velt-wireframe>

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

React / Next.js
Other Frameworks

<VeltCommentTool shadowDom={false} />

<velt-comment-tool shadow-dom="false"></velt-comment-tool>

Dark Mode

Default: false

React / Next.js
Other Frameworks

<VeltCommentTool darkMode={true} />

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

Comment Pin Primitives Comment Tool Wireframe Variables

⌘I