> ## 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.

# Text Comment Toolbar Primitives

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

### VeltTextCommentToolbar

Toolbar container for text comment tools.

<Tabs>
  <Tab title="React / Next.js">
    ```jsx theme={null}
    <VeltTextCommentToolbar annotationId="abc123" />
    ```

    **Props:** Common inputs only (see [Common Inputs](#common-inputs) section).
  </Tab>

  <Tab title="Other Frameworks">
    ```html theme={null}
    <velt-text-comment-toolbar annotation-id="abc123"></velt-text-comment-toolbar>
    ```

    **Attributes:** Common attributes only (see [Common Inputs](#common-inputs) section).
  </Tab>
</Tabs>

***

### VeltTextCommentToolbarCommentAnnotation

Comment annotation item within the text comment toolbar.

<Tabs>
  <Tab title="React / Next.js">
    ```jsx theme={null}
    <VeltTextCommentToolbarCommentAnnotation annotationId="abc123" />
    ```

    **Props:** Common inputs only (see [Common Inputs](#common-inputs) section).
  </Tab>

  <Tab title="Other Frameworks">
    ```html theme={null}
    <velt-text-comment-toolbar-comment-annotation annotation-id="abc123"></velt-text-comment-toolbar-comment-annotation>
    ```

    **Attributes:** Common attributes only (see [Common Inputs](#common-inputs) section).
  </Tab>
</Tabs>

***

### VeltTextCommentToolbarDivider

Divider element within the text comment toolbar.

<Tabs>
  <Tab title="React / Next.js">
    ```jsx theme={null}
    <VeltTextCommentToolbarDivider annotationId="abc123" />
    ```

    **Props:** Common inputs only (see [Common Inputs](#common-inputs) section).
  </Tab>

  <Tab title="Other Frameworks">
    ```html theme={null}
    <velt-text-comment-toolbar-divider annotation-id="abc123"></velt-text-comment-toolbar-divider>
    ```

    **Attributes:** Common attributes only (see [Common Inputs](#common-inputs) section).
  </Tab>
</Tabs>

***

### VeltTextCommentToolbarCopywriter

Copywriter tool item within the text comment toolbar.

<Tabs>
  <Tab title="React / Next.js">
    ```jsx theme={null}
    <VeltTextCommentToolbarCopywriter annotationId="abc123" />
    ```

    **Props:** Common inputs only (see [Common Inputs](#common-inputs) section).
  </Tab>

  <Tab title="Other Frameworks">
    ```html theme={null}
    <velt-text-comment-toolbar-copywriter annotation-id="abc123"></velt-text-comment-toolbar-copywriter>
    ```

    **Attributes:** Common attributes only (see [Common Inputs](#common-inputs) section).
  </Tab>
</Tabs>

***

### VeltTextCommentToolbarGeneric

Generic tool item within the text comment toolbar.

<Tabs>
  <Tab title="React / Next.js">
    ```jsx theme={null}
    <VeltTextCommentToolbarGeneric annotationId="abc123" />
    ```

    **Props:** Common inputs only (see [Common Inputs](#common-inputs) section).
  </Tab>

  <Tab title="Other Frameworks">
    ```html theme={null}
    <velt-text-comment-toolbar-generic annotation-id="abc123"></velt-text-comment-toolbar-generic>
    ```

    **Attributes:** Common attributes only (see [Common Inputs](#common-inputs) section).
  </Tab>
</Tabs>