Skip to main content
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. 
import { VeltCommentBubbleAvatar } from '@veltdev/react';

<VeltCommentBubbleAvatar />

​
VeltCommentBubbleCommentsCount

Comments count display for the comment bubble. 
import { VeltCommentBubbleCommentsCount } from '@veltdev/react';

<VeltCommentBubbleCommentsCount />

​
VeltCommentBubbleUnreadIcon

Unread indicator icon for the comment bubble. 
import { VeltCommentBubbleUnreadIcon } from '@veltdev/react';

<VeltCommentBubbleUnreadIcon defaultCondition={true} />