Customize Behavior

1. `onCommentClick` Callback

When the user clicks on the comment thread, you can listen to it using this method.
Example: Use this to fetch the context and make the necessary app state changes to navigate to the comment.

React / Next.js
Other Frameworks

<VeltCommentThread
    annotationId="COMMENT_ANNOTATION_ID"
    onCommentClick={(data) => handleOnCommentClick(data)}
/>

<velt-comment-thread annotation-id="COMMENT_ANNOTATION_ID"></velt-comment-thread>
<script>
    const commentThreadTag = document.querySelector("velt-comment-thread");
    commentThreadTag.addEventListener('onCommentClick', (event) => {
        console.log('onCommentClick', event.detail);
    });
</script>

2. Pass Comment Annotation Object

You can pass a Comment Annotation object directly to render the comment thread
When using annotations from other documents:
- Comments will be read-only
- Reactions and recordings will not be rendered
This enables creating Kanban boards by fetching comment annotations from multiple documents using our REST APIs

React / Next.js
Other Frameworks

<VeltCommentThread annotation={COMMENT_ANNOTATION_OBJECT} />

<velt-comment-thread annotation="STRINGIFIED_COMMENT_ANNOTATION_OBJECT"></velt-comment-thread>

Setup Overview

⌘I

Get Started

Agentic Setup

Key Concepts

Async Collaboration

Realtime Collaboration

AI

Self-Host Data

Backend SDKs

Model Context Protocol

Webhooks

Security

Miscellaneous

Customize Behavior

1. `onCommentClick` Callback

2. Pass Comment Annotation Object

​1. onCommentClick Callback

​2. Pass Comment Annotation Object

1. `onCommentClick` Callback

2. Pass Comment Annotation Object