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

# Aug 6 2024

# 2.0.27

### Bug Fixes

* \[**Comments**]: Fixed an issue with changes detection in the text comment feature.

# 2.0.26

### Improvements

* \[**Notifications**]: Renamed Notification panel "all read" container wireframe components for better clarity and consistency:
  <Warning>This is a breaking change.</Warning>

  <Tabs>
    <Tab title="React / Next.js">
      ```jsx theme={null}
      // Old
      <VeltNotificationsPanelWireframe.AllReadContainer />

      // New
      <VeltNotificationsPanelWireframe.Content.AllReadContainer />
      ```
    </Tab>

    <Tab title="Other Frameworks">
      ```html theme={null}
      <!-- Old -->
      <velt-notifications-panel-all-read-container-wireframe></velt-notifications-panel-all-read-container-wireframe>

      <!-- New -->
      <velt-notifications-panel-content-all-read-container-wireframe></velt-notifications-panel-content-all-read-container-wireframe>
      ```
    </Tab>
  </Tabs>

# 2.0.25

### New Features

* \[**Comments**]: For [Custom Comment Annotation dropdown](/async-collaboration/comments/customize-behavior#custom-lists) on comment dialog:
  * Added a default placeholder for the custom dropdown and made it configurable.
  * Added it to the composer by default.

```jsx theme={null}
let customList = [
    { id: 'violent', label: 'Violent' },
    { id: 'inappropriate', label: 'Inappropriate' },
    { id: 'robbery', label: 'Robbery' },
    { id: 'nsfw', label: 'NSFW' },
];

const customListDataOnCommentAnnotation = {
	type: 'multi', // choose from 'multi' or 'single'
    placeholder: 'Custom Placeholder',
    data: customList, // your customList data here
};
```

<Tabs>
  <Tab title="React / Next.js with hooks">
    **Using Props:**

    ```jsx theme={null}
    <VeltComments customListDataOnAnnotation={customListDataOnCommentAnnotation} />
    ```

    **Using API:**

    ```jsx theme={null}
    const commentElement = useCommentUtils();		
    commentElement.createCustomListDataOnAnnotation(customListDataOnCommentAnnotation);
    ```

    Using Wireframe:

    ```jsx theme={null}
    <VeltCommentDialogWireframe.CustomAnnotationDropdown.Trigger.Placeholder>
      Custom Placeholder
    </VeltCommentDialogWireframe.CustomAnnotationDropdown.Trigger.Placeholder>
    ```
  </Tab>

  <Tab title="React / Next.js">
    **Using Props:**

    ```jsx theme={null}
    <VeltComments customListDataOnAnnotation={customListDataOnCommentAnnotation} />
    ```

    **Using API:**

    ```jsx theme={null}
    const commentElement = client.getCommentElement();		
    commentElement.createCustomListDataOnAnnotation(customListDataOnCommentAnnotation);
    ```

    Using Wireframe:

    ```jsx theme={null}
    <VeltCommentDialogWireframe.CustomAnnotationDropdown.Trigger.Placeholder>
      Custom Placeholder
    </VeltCommentDialogWireframe.CustomAnnotationDropdown.Trigger.Placeholder>
    ```
  </Tab>

  <Tab title="Other Frameworks">
    **Using API:**

    ```jsx theme={null}
    const commentElement = Velt.getCommentElement();			
    commentElement.createCustomListDataOnAnnotation(customListDataOnCommentAnnotation);
    ```

    **Using Wireframe:**

    ```html theme={null}
    <velt-comment-dialog-custom-annotation-dropdown-trigger-placeholder-wireframe>
      Custom Placeholder
    </velt-comment-dialog-custom-annotation-dropdown-trigger-placeholder-wireframe>
    ```
  </Tab>
</Tabs>

### Bug Fixes

* \[**Comments**]: Fixed an issue related to `disableReactions` in comment dialog customization.