> ## Documentation Index
> Fetch the complete documentation index at: https://velt-claude-ui-customization-docs-review-m7hwcn.mintlify.site/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](/ui-customization/overview) before attempting to modify any components.
</Note>

## VeltMultiThreadCommentDialogWireframe

<img src="https://mintcdn.com/velt-claude-ui-customization-docs-review-m7hwcn/hCXOUp0rJ6h9JDBF/images/customization/comments/multi-thread/multi-thread-overview.png?fit=max&auto=format&n=hCXOUp0rJ6h9JDBF&q=85&s=82ba945690f467152062b613af39504a" alt="" width="1280" height="650" data-path="images/customization/comments/multi-thread/multi-thread-overview.png" />

<Tabs>
  <Tab title="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>

  <Tab title="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>
    ```
  </Tab>
</Tabs>

## CommentCount

<img src="https://mintcdn.com/velt-claude-ui-customization-docs-review-m7hwcn/hCXOUp0rJ6h9JDBF/images/customization/comments/multi-thread/multi-thread-comments-count.png?fit=max&auto=format&n=hCXOUp0rJ6h9JDBF&q=85&s=9c646b5c898b2f7dfcf9295780ca6b6b" alt="" width="1280" height="362" data-path="images/customization/comments/multi-thread/multi-thread-comments-count.png" />

<Tabs>
  <Tab title="React / Next.js">
    ```jsx theme={null}
    <VeltWireframe>
        <VeltMultiThreadCommentDialogWireframe.CommentCount />
    </VeltWireframe>
    ```
  </Tab>

  <Tab title="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>
    ```
  </Tab>
</Tabs>

## MinimalFilterDropdown

<img src="https://mintcdn.com/velt-claude-ui-customization-docs-review-m7hwcn/hCXOUp0rJ6h9JDBF/images/customization/comments/multi-thread/multi-thread-filter-dropdown.png?fit=max&auto=format&n=hCXOUp0rJ6h9JDBF&q=85&s=531b71b642c9fb167cf6f04097583bcd" alt="" width="1280" height="362" data-path="images/customization/comments/multi-thread/multi-thread-filter-dropdown.png" />

<Tabs>
  <Tab title="React / Next.js">
    ```jsx theme={null}
    <VeltWireframe>
        <VeltMultiThreadCommentDialogWireframe.MinimalFilterDropdown />
    </VeltWireframe>
    ```
  </Tab>

  <Tab title="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>
    ```
  </Tab>
</Tabs>

## MinimalActionsDropdown

<img src="https://mintcdn.com/velt-claude-ui-customization-docs-review-m7hwcn/hCXOUp0rJ6h9JDBF/images/customization/comments/multi-thread/multi-thread-actions.png?fit=max&auto=format&n=hCXOUp0rJ6h9JDBF&q=85&s=3fa4bb9e4f79a810bab80c38271f90a4" alt="" width="1280" height="362" data-path="images/customization/comments/multi-thread/multi-thread-actions.png" />

<Tabs>
  <Tab title="React / Next.js">
    ```jsx theme={null}
    <VeltWireframe>
        <VeltMultiThreadCommentDialogWireframe.MinimalActionsDropdown />
    </VeltWireframe>
    ```
  </Tab>

  <Tab title="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>
    ```
  </Tab>
</Tabs>

## NewThreadButton

<img src="https://mintcdn.com/velt-claude-ui-customization-docs-review-m7hwcn/hCXOUp0rJ6h9JDBF/images/customization/comments/multi-thread/multi-thread-new-thread.png?fit=max&auto=format&n=hCXOUp0rJ6h9JDBF&q=85&s=38e3384a256d63b31fa1f405b7a53a97" alt="" width="1280" height="362" data-path="images/customization/comments/multi-thread/multi-thread-new-thread.png" />

<Tabs>
  <Tab title="React / Next.js">
    ```jsx theme={null}
    <VeltWireframe>
        <VeltMultiThreadCommentDialogWireframe.NewThreadButton />
    </VeltWireframe>
    ```
  </Tab>

  <Tab title="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>
    ```
  </Tab>
</Tabs>

## CloseButton

<img src="https://mintcdn.com/velt-claude-ui-customization-docs-review-m7hwcn/hCXOUp0rJ6h9JDBF/images/customization/comments/multi-thread/multi-thread-close.png?fit=max&auto=format&n=hCXOUp0rJ6h9JDBF&q=85&s=c39a616ed9e693c56d8d15ccd255f792" alt="" width="1280" height="362" data-path="images/customization/comments/multi-thread/multi-thread-close.png" />

<Tabs>
  <Tab title="React / Next.js">
    ```jsx theme={null}
    <VeltWireframe>
        <VeltMultiThreadCommentDialogWireframe.CloseButton />
    </VeltWireframe>
    ```
  </Tab>

  <Tab title="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>
    ```
  </Tab>
</Tabs>

## List

<img src="https://mintcdn.com/velt-claude-ui-customization-docs-review-m7hwcn/hCXOUp0rJ6h9JDBF/images/customization/comments/multi-thread/multi-thread-list.png?fit=max&auto=format&n=hCXOUp0rJ6h9JDBF&q=85&s=f724f22d254961d9325bf973b15c8709" alt="" width="1280" height="650" data-path="images/customization/comments/multi-thread/multi-thread-list.png" />

<Tabs>
  <Tab title="React / Next.js">
    ```jsx theme={null}
    <VeltWireframe>
        <VeltMultiThreadCommentDialogWireframe.List />
    </VeltWireframe>
    ```
  </Tab>

  <Tab title="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>
    ```
  </Tab>
</Tabs>

## ResetFilterButton

<img src="https://mintcdn.com/velt-claude-ui-customization-docs-review-m7hwcn/hCXOUp0rJ6h9JDBF/images/customization/comments/multi-thread/multi-thread-reset-filter.png?fit=max&auto=format&n=hCXOUp0rJ6h9JDBF&q=85&s=5a710ceba3035bb78c1dcbf5d391199e" alt="" width="1280" height="650" data-path="images/customization/comments/multi-thread/multi-thread-reset-filter.png" />

<Tabs>
  <Tab title="React / Next.js">
    ```jsx theme={null}
    <VeltWireframe>
        <VeltMultiThreadCommentDialogWireframe.ResetFilterButton />
    </VeltWireframe>
    ```
  </Tab>

  <Tab title="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>
    ```
  </Tab>
</Tabs>

## ComposerContainer

<img src="https://mintcdn.com/velt-claude-ui-customization-docs-review-m7hwcn/hCXOUp0rJ6h9JDBF/images/customization/comments/multi-thread/multi-thread-composer.png?fit=max&auto=format&n=hCXOUp0rJ6h9JDBF&q=85&s=59056bdc1c90990bf17de031abd7c3f7" alt="" width="1280" height="362" data-path="images/customization/comments/multi-thread/multi-thread-composer.png" />

<Tabs>
  <Tab title="React / Next.js">
    ```jsx theme={null}
    <VeltWireframe>
        <VeltMultiThreadCommentDialogWireframe.ComposerContainer />
    </VeltWireframe>
    ```
  </Tab>

  <Tab title="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>
    ```
  </Tab>
</Tabs>
