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

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

  > [tab] React / Next.js
  >
  > ```jsx theme={null}
  > // Old
  > <VeltNotificationsPanelWireframe.AllReadContainer />
  >
  > // New
  > <VeltNotificationsPanelWireframe.Content.AllReadContainer />
  > ```

  > [tab] 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>
  > ```

# 2.0.25

### New Features

* \[**Comments**]: For [Custom Comment Annotation dropdown](https://velt.dev/docs/async-collaboration/comments/customize-behavior.md#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
};
```

> [tab] 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] 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] 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>
> ```

### Bug Fixes

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


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.