> ## Documentation Index
> Fetch the complete documentation index at: https://velt.dev/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Comments

> Your users can add comments in context to ask questions, leave feedback, report bugs etc. We handle all complexity to ensure the comments are robust against content changes. We support many types of comment UX patterns as illustrated below.

> [tab] Freestyle
>
> With `Freestyle` comments, you can pin `Comments` on any elements on the page or draw area comments.
>
> [Open in larger window](https://demo-examples.vercel.app/async/comments/area-comments?background=000\&theme=dark)    
> [View Setup for Freestyle Comments](https://velt.dev/docs/async-collaboration/comments/setup/freestyle.md)
>
> [https://demo-examples.vercel.app/async/comments/area-comments?background=000\&theme=dark](https://demo-examples.vercel.app/async/comments/area-comments?background=000\&theme=dark)

> [tab] Popover
>
> With `Popover` comments, you can add `Comments` on table cells, like in Google Sheets.
>
> [Open in larger window](https://demo-examples.vercel.app/async/comments/popover-comments?background=000\&theme=dark)    
> [View Setup for Popover Comments](https://velt.dev/docs/async-collaboration/comments/setup/popover.md)
>
> [https://demo-examples.vercel.app/async/comments/popover-comments?background=000\&theme=dark](https://demo-examples.vercel.app/async/comments/popover-comments?background=000\&theme=dark)

> [tab] Stream
>
> With `Stream` mode, your `Comments` will appear in a column on the right side.
>
> [Open in larger window](https://demo-examples.vercel.app/async/comments/stream-comments?background=000\&theme=dark)    
> [View Setup for Stream Comments](https://velt.dev/docs/async-collaboration/comments/setup/stream.md)
>
> [https://demo-examples.vercel.app/async/comments/stream-comments?background=000\&theme=dark](https://demo-examples.vercel.app/async/comments/stream-comments?background=000\&theme=dark)

> [tab] Text
>
> With `Text` comments, you can leave `Comments` as text highlights.
>
> [Open in larger window](https://demo-examples.vercel.app/async/comments/text-comments?background=000\&theme=dark)    
> [View Setup for Text Comments](https://velt.dev/docs/async-collaboration/comments/setup/text.md)
>
> [https://demo-examples.vercel.app/async/comments/text-comments?background=000\&theme=dark](https://demo-examples.vercel.app/async/comments/text-comments?background=000\&theme=dark)

> [tab] Tiptap
>
> Add comments to your Tiptap editor.
>
> [Open in larger window](https://documentation-app-demo.vercel.app/?focused=true)    
> [View Setup for Tiptap Comments](https://velt.dev/docs/async-collaboration/comments/setup/tiptap.md)
>
> [https://documentation-app-demo.vercel.app/?focused=true](https://documentation-app-demo.vercel.app/?focused=true)

> [tab] Inline
>
> With `Inline` comments, you can add a more traditional style of comments.
>
> [Open in larger window](https://demo-examples.vercel.app/async/comments/inline-comments?background=000\&theme=dark)    
> [View Setup for Inline Comments](https://velt.dev/docs/async-collaboration/comments/setup/inline-comments.md)
>
> [https://demo-examples.vercel.app/async/comments/inline-comments?background=000\&theme=dark](https://demo-examples.vercel.app/async/comments/inline-comments?background=000\&theme=dark)

> [tab] Page
>
> With `Page` comments, you can leave `Comments` at the page level.
>
> [Open in larger window](https://demo-examples.vercel.app/async/comments/page-comments?background=000\&theme=dark)    
> [View Setup for Page Comments](https://velt.dev/docs/async-collaboration/comments/setup/page.md)
>
> [https://demo-examples.vercel.app/async/comments/page-comments?background=000\&theme=dark](https://demo-examples.vercel.app/async/comments/page-comments?background=000\&theme=dark)

> [tab] Chart
>
> With `Chart` comments, you can leave `Comments` on popular charting libraries.
>
> [Open in larger window](https://analytics-chartjs-demo.vercel.app/?focused=true)    
> [View Setup for Chart Comments](https://velt.dev/docs/async-collaboration/comments/setup/chart-comments-setup/highcharts.md)
>
> [https://analytics-chartjs-demo.vercel.app/?focused=true](https://analytics-chartjs-demo.vercel.app/?focused=true)

> [tab] Video
>
> With `Video` comments, you can leave frame by frame `Comments` on videos.
>
> [Open in larger window](https://demo-examples.vercel.app/async/comments/video-comments?background=000000\&theme=dark)    
> [View Setup for Video Comments](https://velt.dev/docs/async-collaboration/comments/setup/video-player-setup/video-player-setup.md)
>
> [https://demo-examples.vercel.app/async/comments/video-comments?background=000000\&theme=dark](https://demo-examples.vercel.app/async/comments/video-comments?background=000000\&theme=dark)

> [tab] Lottie
>
> With `Lottie` comments, you can leave frame by frame `Comments` on Lottie animations.
>
> [Open in larger window](https://demo-examples.vercel.app/async/comments/lottie-comments?background=1A1A1A\&theme=dark)     
> [View Setup for Lottie Comments](https://velt.dev/docs/async-collaboration/comments/setup/lottie-player-setup.md)
>
> [https://demo-examples.vercel.app/async/comments/lottie-comments?background=1A1A1A\&theme=dark](https://demo-examples.vercel.app/async/comments/lottie-comments?background=1A1A1A\&theme=dark)

There are several customizable components that work as part of the `Comments` feature set.

> [tab] Comment Dialog
>
> ![](https://mintcdn.com/velt/kAkMSIYF4ZlrlwLm/images/customization/velt-comment-dialog-1.png?fit=max\&auto=format\&n=kAkMSIYF4ZlrlwLm\&q=85\&s=317c3dc5977cd95af84575119ffbf3f9)

> [tab] Comment Pin
>
> ![](https://mintcdn.com/velt/kAkMSIYF4ZlrlwLm/images/customization/velt-comment-pin-1.png?fit=max\&auto=format\&n=kAkMSIYF4ZlrlwLm\&q=85\&s=368de01a99459da8605d7acd153480ba)

> [tab] Text Comment Tool
>
> ![](https://mintcdn.com/velt/kAkMSIYF4ZlrlwLm/images/customization/velt-text-comment-1.png?fit=max\&auto=format\&n=kAkMSIYF4ZlrlwLm\&q=85\&s=5bff19c8d18636a33d998a4925322a3f)

> [tab] Comment Tool
>
> ![](https://mintcdn.com/velt/kAkMSIYF4ZlrlwLm/images/customization/velt-comment-tool-1.png?fit=max\&auto=format\&n=kAkMSIYF4ZlrlwLm\&q=85\&s=65ae5eea4040d5ed64947488f24c75c7)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.