Comment Bubble Primitives

Primitive-based components for building custom Comment Bubble interfaces with maximum flexibility.

Explore primitives interactively in our Storybook.

Comment Bubble primitives can be used standalone: pass annotationId (React) or annotation-id (HTML) to render a primitive with real annotation data without a parent root component.

VeltCommentBubbleAvatar

Avatar component for the comment bubble.

React / Next.js

import { VeltCommentBubbleAvatar } from '@veltdev/react';

<VeltCommentBubbleAvatar />

Other Frameworks

<velt-comment-bubble-avatar></velt-comment-bubble-avatar>

---

VeltCommentBubbleCommentsCount

Comments count display for the comment bubble.

React / Next.js

import { VeltCommentBubbleCommentsCount } from '@veltdev/react';

<VeltCommentBubbleCommentsCount />

Other Frameworks

<velt-comment-bubble-comments-count></velt-comment-bubble-comments-count>

---

VeltCommentBubbleUnreadIcon

Unread indicator icon for the comment bubble.

React / Next.js

import { VeltCommentBubbleUnreadIcon } from '@veltdev/react';

<VeltCommentBubbleUnreadIcon defaultCondition={true} />

Other Frameworks

<velt-comment-bubble-unread-icon></velt-comment-bubble-unread-icon>