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

# MultiThread Comment Dialog Wireframes

> Wireframe components for building custom MultiThread Comment Dialog interfaces with maximum flexibility.

> [!NOTE]
>
> We recommend that you familiarize yourselves with [UI Customization Concepts](https://velt.dev/docs/ui-customization/overview.md) before attempting to modify any components.

## VeltMultiThreadCommentDialogWireframe

![](https://mintcdn.com/velt/y_bUi9B-cnWLxN8L/images/customization/comments/multi-thread/multi-thread-overview.png?fit=max\&auto=format\&n=y_bUi9B-cnWLxN8L\&q=85\&s=fbebdebc14b22532413dfc22d578ca04)

> [tab] React / Next.js
>
> ```jsx theme={null}
> <VeltWireframe>
>     <VeltMultiThreadCommentDialogWireframe>
>         <VeltMultiThreadCommentDialogWireframe.CommentCount />
>         <VeltMultiThreadCommentDialogWireframe.MinimalFilterDropdown />
>         <VeltMultiThreadCommentDialogWireframe.MinimalActionsDropdown />
>         <VeltMultiThreadCommentDialogWireframe.NewThreadButton />
>         <VeltMultiThreadCommentDialogWireframe.CloseButton />
>         <VeltMultiThreadCommentDialogWireframe.List />
>         <VeltMultiThreadCommentDialogWireframe.ResetFilterButton />
>         <VeltMultiThreadCommentDialogWireframe.ComposerContainer />
>     </VeltMultiThreadCommentDialogWireframe>
> </VeltWireframe>
> ```

> [tab] Other Frameworks
>
> ```html theme={null}
> <velt-wireframe style="display:none;">
>     <velt-multi-thread-comment-dialog-wireframe>
>         <velt-multi-thread-comment-dialog-comment-count-wireframe></velt-multi-thread-comment-dialog-comment-count-wireframe>
>         <velt-multi-thread-comment-dialog-minimal-filter-dropdown-wireframe></velt-multi-thread-comment-dialog-minimal-filter-dropdown-wireframe>
>         <velt-multi-thread-comment-dialog-minimal-actions-dropdown-wireframe></velt-multi-thread-comment-dialog-minimal-actions-dropdown-wireframe>
>         <velt-multi-thread-comment-dialog-new-thread-button-wireframe></velt-multi-thread-comment-dialog-new-thread-button-wireframe>
>         <velt-multi-thread-comment-dialog-close-button-wireframe></velt-multi-thread-comment-dialog-close-button-wireframe>
>         <velt-multi-thread-comment-dialog-list-wireframe></velt-multi-thread-comment-dialog-list-wireframe>
>         <velt-multi-thread-comment-dialog-reset-filter-button-wireframe></velt-multi-thread-comment-dialog-reset-filter-button-wireframe>
>         <velt-multi-thread-comment-dialog-composer-container-wireframe></velt-multi-thread-comment-dialog-composer-container-wireframe>
>     </velt-multi-thread-comment-dialog-wireframe>
> </velt-wireframe>
> ```

## CommentCount

![](https://mintcdn.com/velt/y_bUi9B-cnWLxN8L/images/customization/comments/multi-thread/multi-thread-comments-count.png?fit=max\&auto=format\&n=y_bUi9B-cnWLxN8L\&q=85\&s=152b27f55e4097a785781d2e33ae8ed0)

> [tab] React / Next.js
>
> ```jsx theme={null}
> <VeltWireframe>
>     <VeltMultiThreadCommentDialogWireframe.CommentCount />
> </VeltWireframe>
> ```

> [tab] Other Frameworks
>
> ```html theme={null}
> <velt-wireframe style="display:none;">
>     <velt-multi-thread-comment-dialog-comment-count-wireframe></velt-multi-thread-comment-dialog-comment-count-wireframe>
> </velt-wireframe>
> ```

## MinimalFilterDropdown

![](https://mintcdn.com/velt/y_bUi9B-cnWLxN8L/images/customization/comments/multi-thread/multi-thread-filter-dropdown.png?fit=max\&auto=format\&n=y_bUi9B-cnWLxN8L\&q=85\&s=dd478c31d962c0ad66bfdb453c2b1e16)

> [tab] React / Next.js
>
> ```jsx theme={null}
> <VeltWireframe>
>     <VeltMultiThreadCommentDialogWireframe.MinimalFilterDropdown />
> </VeltWireframe>
> ```

> [tab] Other Frameworks
>
> ```html theme={null}
> <velt-wireframe style="display:none;">
>     <velt-multi-thread-comment-dialog-minimal-filter-dropdown-wireframe></velt-multi-thread-comment-dialog-minimal-filter-dropdown-wireframe>
> </velt-wireframe>
> ```

## MinimalActionsDropdown

![](https://mintcdn.com/velt/y_bUi9B-cnWLxN8L/images/customization/comments/multi-thread/multi-thread-actions.png?fit=max\&auto=format\&n=y_bUi9B-cnWLxN8L\&q=85\&s=8cf900c7f7dae0d0a503f41f955b57d5)

> [tab] React / Next.js
>
> ```jsx theme={null}
> <VeltWireframe>
>     <VeltMultiThreadCommentDialogWireframe.MinimalActionsDropdown />
> </VeltWireframe>
> ```

> [tab] Other Frameworks
>
> ```html theme={null}
> <velt-wireframe style="display:none;">
>     <velt-multi-thread-comment-dialog-minimal-actions-dropdown-wireframe></velt-multi-thread-comment-dialog-minimal-actions-dropdown-wireframe>
> </velt-wireframe>
> ```

## NewThreadButton

![](https://mintcdn.com/velt/y_bUi9B-cnWLxN8L/images/customization/comments/multi-thread/multi-thread-new-thread.png?fit=max\&auto=format\&n=y_bUi9B-cnWLxN8L\&q=85\&s=c8718d77e363153552bf16bb0140d895)

> [tab] React / Next.js
>
> ```jsx theme={null}
> <VeltWireframe>
>     <VeltMultiThreadCommentDialogWireframe.NewThreadButton />
> </VeltWireframe>
> ```

> [tab] Other Frameworks
>
> ```html theme={null}
> <velt-wireframe style="display:none;">
>     <velt-multi-thread-comment-dialog-new-thread-button-wireframe></velt-multi-thread-comment-dialog-new-thread-button-wireframe>
> </velt-wireframe>
> ```

## CloseButton

![](https://mintcdn.com/velt/y_bUi9B-cnWLxN8L/images/customization/comments/multi-thread/multi-thread-close.png?fit=max\&auto=format\&n=y_bUi9B-cnWLxN8L\&q=85\&s=1c8d3434b8b4ce99406b680f506095b1)

> [tab] React / Next.js
>
> ```jsx theme={null}
> <VeltWireframe>
>     <VeltMultiThreadCommentDialogWireframe.CloseButton />
> </VeltWireframe>
> ```

> [tab] Other Frameworks
>
> ```html theme={null}
> <velt-wireframe style="display:none;">
>     <velt-multi-thread-comment-dialog-close-button-wireframe></velt-multi-thread-comment-dialog-close-button-wireframe>
> </velt-wireframe>
> ```

## List

![](https://mintcdn.com/velt/y_bUi9B-cnWLxN8L/images/customization/comments/multi-thread/multi-thread-list.png?fit=max\&auto=format\&n=y_bUi9B-cnWLxN8L\&q=85\&s=f9cab48f5b075b78f3664f0f29056d86)

> [tab] React / Next.js
>
> ```jsx theme={null}
> <VeltWireframe>
>     <VeltMultiThreadCommentDialogWireframe.List />
> </VeltWireframe>
> ```

> [tab] Other Frameworks
>
> ```html theme={null}
> <velt-wireframe style="display:none;">
>     <velt-multi-thread-comment-dialog-list-wireframe></velt-multi-thread-comment-dialog-list-wireframe>
> </velt-wireframe>
> ```

## ResetFilterButton

![](https://mintcdn.com/velt/y_bUi9B-cnWLxN8L/images/customization/comments/multi-thread/multi-thread-reset-filter.png?fit=max\&auto=format\&n=y_bUi9B-cnWLxN8L\&q=85\&s=517643626cf037259d237507eccbfccf)

> [tab] React / Next.js
>
> ```jsx theme={null}
> <VeltWireframe>
>     <VeltMultiThreadCommentDialogWireframe.ResetFilterButton />
> </VeltWireframe>
> ```

> [tab] Other Frameworks
>
> ```html theme={null}
> <velt-wireframe style="display:none;">
>     <velt-multi-thread-comment-dialog-reset-filter-button-wireframe></velt-multi-thread-comment-dialog-reset-filter-button-wireframe>
> </velt-wireframe>
> ```

## ComposerContainer

![](https://mintcdn.com/velt/y_bUi9B-cnWLxN8L/images/customization/comments/multi-thread/multi-thread-composer.png?fit=max\&auto=format\&n=y_bUi9B-cnWLxN8L\&q=85\&s=819f9e3a2aabb41459d4f6ca863ac726)

> [tab] React / Next.js
>
> ```jsx theme={null}
> <VeltWireframe>
>     <VeltMultiThreadCommentDialogWireframe.ComposerContainer />
> </VeltWireframe>
> ```

> [tab] Other Frameworks
>
> ```html theme={null}
> <velt-wireframe style="display:none;">
>     <velt-multi-thread-comment-dialog-composer-container-wireframe></velt-multi-thread-comment-dialog-composer-container-wireframe>
> </velt-wireframe>
> ```


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