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
onCommentAdd
prop 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.
- Handle click events on your canvas and use the
addManualComment
method to create a comment with custom metadata.
2
Retrieve all Comment Annotations
Retrieve all
Comment Annotations
using the useCommentAnnotations()
hook.To learn more about the useCommentAnnotations()
hook, read here.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
.