1
Add custom metadata when comment is added
You have two options for adding comments with custom positioning metadata:Option A: Velt-Managed Click EventsOption B: Custom Click Event Handling
- Use the onCommentAddprop of the VeltComments component to add custom metadata when a comment is added.
- You need to set the mandatory commentType: 'manual'property to the metadata object.
- React / Next.js
- Other Frameworks
- Handle click events on your canvas and use the addManualCommentmethod to create a comment with custom metadata.
- React / Next.js
- Other Frameworks
2
Retrieve all Comment Annotations
Retrieve all 
Comment Annotations using the useCommentAnnotations() hook.To learn more about the useCommentAnnotations() hook, read here.- React / Next.js
- Other Frameworks
3
Render the Velt Comment Pin component and set the position
Add the 
Velt Comment Pin component and pass in the Comment Annotation Id.
Now retrieve the context to retrieve the custom metadata you set earlier and use it to set the position of the Comment Pin.- React / Next.js
- Other Frameworks

