1
Import the VeltCommentPin component and the useCommentAnnotations() hook.
Import the
VeltCommentPin
component and the useCommentAnnotations()
hook.2
Add custom metadata when comment is added
Use the
onCommentAdd
method to add custom metadata to a comment when a new comment is being added.This metadata can be used later to set the position of the Comment Pin.
You need to set the mandatory commentType: 'manual'
property to the metadata object.3
Retrieve all Comment Annotations
Retrieve all
Comment Annotations
using the useCommentAnnotations()
hook.To learn more about the useCommentAnnotations()
hook, read here.4
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
.