Text Comment Toolbar Primitives

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

Explore primitives interactively in our Storybook.

VeltTextCommentToolbar

Toolbar container for text comment tools.

React / Next.js

<VeltTextCommentToolbar annotationId="abc123" />

Props: Common inputs only (see Common Inputs section).

Other Frameworks

<velt-text-comment-toolbar annotation-id="abc123"></velt-text-comment-toolbar>

Attributes: Common attributes only (see Common Inputs section).

---

VeltTextCommentToolbarCommentAnnotation

Comment annotation item within the text comment toolbar.

React / Next.js

<VeltTextCommentToolbarCommentAnnotation annotationId="abc123" />

Props: Common inputs only (see Common Inputs section).

Other Frameworks

<velt-text-comment-toolbar-comment-annotation annotation-id="abc123"></velt-text-comment-toolbar-comment-annotation>

Attributes: Common attributes only (see Common Inputs section).

---

VeltTextCommentToolbarDivider

Divider element within the text comment toolbar.

React / Next.js

<VeltTextCommentToolbarDivider annotationId="abc123" />

Props: Common inputs only (see Common Inputs section).

Other Frameworks

<velt-text-comment-toolbar-divider annotation-id="abc123"></velt-text-comment-toolbar-divider>

Attributes: Common attributes only (see Common Inputs section).

---

VeltTextCommentToolbarCopywriter

Copywriter tool item within the text comment toolbar.

React / Next.js

<VeltTextCommentToolbarCopywriter annotationId="abc123" />

Props: Common inputs only (see Common Inputs section).

Other Frameworks

<velt-text-comment-toolbar-copywriter annotation-id="abc123"></velt-text-comment-toolbar-copywriter>

Attributes: Common attributes only (see Common Inputs section).

---

VeltTextCommentToolbarGeneric

Generic tool item within the text comment toolbar.

React / Next.js

<VeltTextCommentToolbarGeneric annotationId="abc123" />

Props: Common inputs only (see Common Inputs section).

Other Frameworks

<velt-text-comment-toolbar-generic annotation-id="abc123"></velt-text-comment-toolbar-generic>

Attributes: Common attributes only (see Common Inputs section).