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

# Comment Sidebar v2 Wireframes

> Comment Sidebar V2 Component — primitive-based wireframe with 27+ standalone primitives.

<Note>
  We recommend that you familiarize yourselves with [UI Customization Concepts](/ui-customization/overview) before attempting to modify any components.
</Note>

## Overview

<Tabs>
  <Tab title="React / Next.js">
    ```jsx theme={null}
    <VeltWireframe>
      <VeltCommentsSidebarV2Wireframe>
        <VeltCommentsSidebarV2Wireframe.Skeleton />
        <VeltCommentsSidebarV2Wireframe.Panel />
      </VeltCommentsSidebarV2Wireframe>
    </VeltWireframe>
    ```
  </Tab>

  <Tab title="Other Frameworks">
    ```html theme={null}
    <velt-wireframe style="display:none;">
      <velt-comments-sidebar-v2-wireframe>
        <velt-comments-sidebar-skeleton-v2-wireframe></velt-comments-sidebar-skeleton-v2-wireframe>
        <velt-comments-sidebar-panel-v2-wireframe></velt-comments-sidebar-panel-v2-wireframe>
      </velt-comments-sidebar-v2-wireframe>
    </velt-wireframe>
    ```
  </Tab>
</Tabs>

## Skeleton

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

  <Tab title="Other Frameworks">
    ```html theme={null}
    <velt-wireframe style="display:none;">
      <velt-comments-sidebar-skeleton-v2-wireframe></velt-comments-sidebar-skeleton-v2-wireframe>
    </velt-wireframe>
    ```
  </Tab>
</Tabs>

## Panel

<Tabs>
  <Tab title="React / Next.js">
    ```jsx theme={null}
    <VeltWireframe>
      <VeltCommentsSidebarV2Wireframe.Panel>
        <VeltCommentsSidebarV2Wireframe.Header />
        <VeltCommentsSidebarV2Wireframe.List />
        <VeltCommentsSidebarV2Wireframe.EmptyPlaceholder />
        <VeltCommentsSidebarV2Wireframe.PageModeComposer />
        <VeltCommentsSidebarV2Wireframe.FocusedThread />
      </VeltCommentsSidebarV2Wireframe.Panel>
    </VeltWireframe>
    ```
  </Tab>

  <Tab title="Other Frameworks">
    ```html theme={null}
    <velt-wireframe style="display:none;">
      <velt-comments-sidebar-panel-v2-wireframe>
        <velt-comments-sidebar-header-v2-wireframe></velt-comments-sidebar-header-v2-wireframe>
        <velt-comments-sidebar-list-v2-wireframe></velt-comments-sidebar-list-v2-wireframe>
        <velt-comments-sidebar-empty-placeholder-v2-wireframe></velt-comments-sidebar-empty-placeholder-v2-wireframe>
        <velt-comments-sidebar-page-mode-composer-v2-wireframe></velt-comments-sidebar-page-mode-composer-v2-wireframe>
        <velt-comments-sidebar-focused-thread-v2-wireframe></velt-comments-sidebar-focused-thread-v2-wireframe>
      </velt-comments-sidebar-panel-v2-wireframe>
    </velt-wireframe>
    ```
  </Tab>
</Tabs>

### Header (Panel)

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

  <Tab title="Other Frameworks">
    ```html theme={null}
    <velt-wireframe style="display:none;">
      <velt-comments-sidebar-header-v2-wireframe>
        <velt-comments-sidebar-close-button-v2-wireframe></velt-comments-sidebar-close-button-v2-wireframe>
        <velt-comments-sidebar-minimal-actions-dropdown-v2-wireframe></velt-comments-sidebar-minimal-actions-dropdown-v2-wireframe>
        <velt-comments-sidebar-filter-dropdown-v2-wireframe></velt-comments-sidebar-filter-dropdown-v2-wireframe>
      </velt-comments-sidebar-header-v2-wireframe>
    </velt-wireframe>
    ```
  </Tab>
</Tabs>

#### CloseButton (Panel Header)

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

  <Tab title="Other Frameworks">
    ```html theme={null}
    <velt-wireframe style="display:none;">
      <velt-comments-sidebar-close-button-v2-wireframe></velt-comments-sidebar-close-button-v2-wireframe>
    </velt-wireframe>
    ```
  </Tab>
</Tabs>

#### MinimalActionsDropdown (Panel Header)

<Tabs>
  <Tab title="React / Next.js">
    ```jsx theme={null}
    <VeltWireframe>
      <VeltCommentsSidebarV2Wireframe.MinimalActionsDropdown>
        <VeltCommentsSidebarV2Wireframe.MinimalActionsDropdown.Trigger />
        <VeltCommentsSidebarV2Wireframe.MinimalActionsDropdown.Content>
          <VeltCommentsSidebarV2Wireframe.MinimalActionsDropdown.Content.MarkAllRead />
          <VeltCommentsSidebarV2Wireframe.MinimalActionsDropdown.Content.MarkAllResolved />
        </VeltCommentsSidebarV2Wireframe.MinimalActionsDropdown.Content>
      </VeltCommentsSidebarV2Wireframe.MinimalActionsDropdown>
    </VeltWireframe>
    ```
  </Tab>

  <Tab title="Other Frameworks">
    ```html theme={null}
    <velt-wireframe style="display:none;">
      <velt-comments-sidebar-minimal-actions-dropdown-v2-wireframe>
        <velt-comments-sidebar-minimal-actions-dropdown-trigger-v2-wireframe></velt-comments-sidebar-minimal-actions-dropdown-trigger-v2-wireframe>
        <velt-comments-sidebar-minimal-actions-dropdown-content-v2-wireframe>
          <velt-comments-sidebar-minimal-actions-dropdown-content-mark-all-read-v2-wireframe></velt-comments-sidebar-minimal-actions-dropdown-content-mark-all-read-v2-wireframe>
          <velt-comments-sidebar-minimal-actions-dropdown-content-mark-all-resolved-v2-wireframe></velt-comments-sidebar-minimal-actions-dropdown-content-mark-all-resolved-v2-wireframe>
        </velt-comments-sidebar-minimal-actions-dropdown-content-v2-wireframe>
      </velt-comments-sidebar-minimal-actions-dropdown-v2-wireframe>
    </velt-wireframe>
    ```
  </Tab>
</Tabs>

##### **Trigger (Panel Header MinimalActionsDropdown)**

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

  <Tab title="Other Frameworks">
    ```html theme={null}
    <velt-wireframe style="display:none;">
      <velt-comments-sidebar-minimal-actions-dropdown-trigger-v2-wireframe></velt-comments-sidebar-minimal-actions-dropdown-trigger-v2-wireframe>
    </velt-wireframe>
    ```
  </Tab>
</Tabs>

##### **Content (Panel Header MinimalActionsDropdown)**

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

  <Tab title="Other Frameworks">
    ```html theme={null}
    <velt-wireframe style="display:none;">
      <velt-comments-sidebar-minimal-actions-dropdown-content-v2-wireframe>
        <velt-comments-sidebar-minimal-actions-dropdown-content-mark-all-read-v2-wireframe></velt-comments-sidebar-minimal-actions-dropdown-content-mark-all-read-v2-wireframe>
        <velt-comments-sidebar-minimal-actions-dropdown-content-mark-all-resolved-v2-wireframe></velt-comments-sidebar-minimal-actions-dropdown-content-mark-all-resolved-v2-wireframe>
      </velt-comments-sidebar-minimal-actions-dropdown-content-v2-wireframe>
    </velt-wireframe>
    ```
  </Tab>
</Tabs>

**MarkAllRead (Panel Header MinimalActionsDropdown Content)**

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

  <Tab title="Other Frameworks">
    ```html theme={null}
    <velt-wireframe style="display:none;">
      <velt-comments-sidebar-minimal-actions-dropdown-content-mark-all-read-v2-wireframe></velt-comments-sidebar-minimal-actions-dropdown-content-mark-all-read-v2-wireframe>
    </velt-wireframe>
    ```
  </Tab>
</Tabs>

**MarkAllResolved (Panel Header MinimalActionsDropdown Content)**

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

  <Tab title="Other Frameworks">
    ```html theme={null}
    <velt-wireframe style="display:none;">
      <velt-comments-sidebar-minimal-actions-dropdown-content-mark-all-resolved-v2-wireframe></velt-comments-sidebar-minimal-actions-dropdown-content-mark-all-resolved-v2-wireframe>
    </velt-wireframe>
    ```
  </Tab>
</Tabs>

#### FilterDropdown (Panel Header)

<Tabs>
  <Tab title="React / Next.js">
    ```jsx theme={null}
    <VeltWireframe>
      <VeltCommentsSidebarV2Wireframe.FilterDropdown>
        <VeltCommentsSidebarV2Wireframe.FilterDropdown.Trigger />
        <VeltCommentsSidebarV2Wireframe.FilterDropdown.Content>
          <VeltCommentsSidebarV2Wireframe.FilterDropdown.Content.List>
            <VeltCommentsSidebarV2Wireframe.FilterDropdown.Content.List.Item>
              <VeltCommentsSidebarV2Wireframe.FilterDropdown.Content.List.Item.Indicator />
              <VeltCommentsSidebarV2Wireframe.FilterDropdown.Content.List.Item.Label />
            </VeltCommentsSidebarV2Wireframe.FilterDropdown.Content.List.Item>
            <VeltCommentsSidebarV2Wireframe.FilterDropdown.Content.List.Category>
              <VeltCommentsSidebarV2Wireframe.FilterDropdown.Content.List.Category.Content />
            </VeltCommentsSidebarV2Wireframe.FilterDropdown.Content.List.Category>
          </VeltCommentsSidebarV2Wireframe.FilterDropdown.Content.List>
        </VeltCommentsSidebarV2Wireframe.FilterDropdown.Content>
      </VeltCommentsSidebarV2Wireframe.FilterDropdown>
    </VeltWireframe>
    ```
  </Tab>

  <Tab title="Other Frameworks">
    ```html theme={null}
    <velt-wireframe style="display:none;">
      <velt-comments-sidebar-filter-dropdown-v2-wireframe>
        <velt-comments-sidebar-filter-dropdown-trigger-v2-wireframe></velt-comments-sidebar-filter-dropdown-trigger-v2-wireframe>
        <velt-comments-sidebar-filter-dropdown-content-v2-wireframe>
          <velt-comments-sidebar-filter-dropdown-content-list-v2-wireframe>
            <velt-comments-sidebar-filter-dropdown-content-list-item-v2-wireframe>
              <velt-comments-sidebar-filter-dropdown-content-list-item-indicator-v2-wireframe></velt-comments-sidebar-filter-dropdown-content-list-item-indicator-v2-wireframe>
              <velt-comments-sidebar-filter-dropdown-content-list-item-label-v2-wireframe></velt-comments-sidebar-filter-dropdown-content-list-item-label-v2-wireframe>
            </velt-comments-sidebar-filter-dropdown-content-list-item-v2-wireframe>
            <velt-comments-sidebar-filter-dropdown-content-list-category-v2-wireframe>
              <velt-comments-sidebar-filter-dropdown-content-list-category-content-v2-wireframe></velt-comments-sidebar-filter-dropdown-content-list-category-content-v2-wireframe>
            </velt-comments-sidebar-filter-dropdown-content-list-category-v2-wireframe>
          </velt-comments-sidebar-filter-dropdown-content-list-v2-wireframe>
        </velt-comments-sidebar-filter-dropdown-content-v2-wireframe>
      </velt-comments-sidebar-filter-dropdown-v2-wireframe>
    </velt-wireframe>
    ```
  </Tab>
</Tabs>

##### **Trigger (Panel Header FilterDropdown)**

<Tabs>
  <Tab title="React / Next.js">
    ```jsx theme={null}
    <VeltWireframe>
      <VeltCommentsSidebarV2Wireframe.FilterDropdown.Trigger />
    </VeltWireframe>
    ```
  </Tab>

  <Tab title="Other Frameworks">
    ```html theme={null}
    <velt-wireframe style="display:none;">
      <velt-comments-sidebar-filter-dropdown-trigger-v2-wireframe></velt-comments-sidebar-filter-dropdown-trigger-v2-wireframe>
    </velt-wireframe>
    ```
  </Tab>
</Tabs>

##### **Content (Panel Header FilterDropdown)**

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

  <Tab title="Other Frameworks">
    ```html theme={null}
    <velt-wireframe style="display:none;">
      <velt-comments-sidebar-filter-dropdown-content-v2-wireframe>
        <velt-comments-sidebar-filter-dropdown-content-list-v2-wireframe></velt-comments-sidebar-filter-dropdown-content-list-v2-wireframe>
      </velt-comments-sidebar-filter-dropdown-content-v2-wireframe>
    </velt-wireframe>
    ```
  </Tab>
</Tabs>

**List (Panel Header FilterDropdown Content)**

<Tabs>
  <Tab title="React / Next.js">
    ```jsx theme={null}
    <VeltWireframe>
      <VeltCommentsSidebarV2Wireframe.FilterDropdown.Content.List>
        <VeltCommentsSidebarV2Wireframe.FilterDropdown.Content.List.Item />
        <VeltCommentsSidebarV2Wireframe.FilterDropdown.Content.List.Category />
      </VeltCommentsSidebarV2Wireframe.FilterDropdown.Content.List>
    </VeltWireframe>
    ```
  </Tab>

  <Tab title="Other Frameworks">
    ```html theme={null}
    <velt-wireframe style="display:none;">
      <velt-comments-sidebar-filter-dropdown-content-list-v2-wireframe>
        <velt-comments-sidebar-filter-dropdown-content-list-item-v2-wireframe></velt-comments-sidebar-filter-dropdown-content-list-item-v2-wireframe>
        <velt-comments-sidebar-filter-dropdown-content-list-category-v2-wireframe></velt-comments-sidebar-filter-dropdown-content-list-category-v2-wireframe>
      </velt-comments-sidebar-filter-dropdown-content-list-v2-wireframe>
    </velt-wireframe>
    ```
  </Tab>
</Tabs>

**Item (Panel Header FilterDropdown Content List)**

<Tabs>
  <Tab title="React / Next.js">
    ```jsx theme={null}
    <VeltWireframe>
      <VeltCommentsSidebarV2Wireframe.FilterDropdown.Content.List.Item>
        <VeltCommentsSidebarV2Wireframe.FilterDropdown.Content.List.Item.Indicator />
        <VeltCommentsSidebarV2Wireframe.FilterDropdown.Content.List.Item.Label />
      </VeltCommentsSidebarV2Wireframe.FilterDropdown.Content.List.Item>
    </VeltWireframe>
    ```
  </Tab>

  <Tab title="Other Frameworks">
    ```html theme={null}
    <velt-wireframe style="display:none;">
      <velt-comments-sidebar-filter-dropdown-content-list-item-v2-wireframe>
        <velt-comments-sidebar-filter-dropdown-content-list-item-indicator-v2-wireframe></velt-comments-sidebar-filter-dropdown-content-list-item-indicator-v2-wireframe>
        <velt-comments-sidebar-filter-dropdown-content-list-item-label-v2-wireframe></velt-comments-sidebar-filter-dropdown-content-list-item-label-v2-wireframe>
      </velt-comments-sidebar-filter-dropdown-content-list-item-v2-wireframe>
    </velt-wireframe>
    ```
  </Tab>
</Tabs>

**Indicator (Panel Header FilterDropdown Content List Item)**

<Tabs>
  <Tab title="React / Next.js">
    ```jsx theme={null}
    <VeltWireframe>
      <VeltCommentsSidebarV2Wireframe.FilterDropdown.Content.List.Item.Indicator />
    </VeltWireframe>
    ```
  </Tab>

  <Tab title="Other Frameworks">
    ```html theme={null}
    <velt-wireframe style="display:none;">
      <velt-comments-sidebar-filter-dropdown-content-list-item-indicator-v2-wireframe></velt-comments-sidebar-filter-dropdown-content-list-item-indicator-v2-wireframe>
    </velt-wireframe>
    ```
  </Tab>
</Tabs>

**Label (Panel Header FilterDropdown Content List Item)**

<Tabs>
  <Tab title="React / Next.js">
    ```jsx theme={null}
    <VeltWireframe>
      <VeltCommentsSidebarV2Wireframe.FilterDropdown.Content.List.Item.Label />
    </VeltWireframe>
    ```
  </Tab>

  <Tab title="Other Frameworks">
    ```html theme={null}
    <velt-wireframe style="display:none;">
      <velt-comments-sidebar-filter-dropdown-content-list-item-label-v2-wireframe></velt-comments-sidebar-filter-dropdown-content-list-item-label-v2-wireframe>
    </velt-wireframe>
    ```
  </Tab>
</Tabs>

**Category (Panel Header FilterDropdown Content List)**

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

  <Tab title="Other Frameworks">
    ```html theme={null}
    <velt-wireframe style="display:none;">
      <velt-comments-sidebar-filter-dropdown-content-list-category-v2-wireframe>
        <velt-comments-sidebar-filter-dropdown-content-list-category-content-v2-wireframe></velt-comments-sidebar-filter-dropdown-content-list-category-content-v2-wireframe>
      </velt-comments-sidebar-filter-dropdown-content-list-category-v2-wireframe>
    </velt-wireframe>
    ```
  </Tab>
</Tabs>

**Content (Panel Header FilterDropdown Content List Category)**

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

  <Tab title="Other Frameworks">
    ```html theme={null}
    <velt-wireframe style="display:none;">
      <velt-comments-sidebar-filter-dropdown-content-list-category-content-v2-wireframe></velt-comments-sidebar-filter-dropdown-content-list-category-content-v2-wireframe>
    </velt-wireframe>
    ```
  </Tab>
</Tabs>

### List (Panel)

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

  <Tab title="Other Frameworks">
    ```html theme={null}
    <velt-wireframe style="display:none;">
      <velt-comments-sidebar-list-v2-wireframe></velt-comments-sidebar-list-v2-wireframe>
    </velt-wireframe>
    ```
  </Tab>
</Tabs>

### EmptyPlaceholder (Panel)

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

  <Tab title="Other Frameworks">
    ```html theme={null}
    <velt-wireframe style="display:none;">
      <velt-comments-sidebar-empty-placeholder-v2-wireframe>
        <velt-comments-sidebar-reset-filter-button-v2-wireframe></velt-comments-sidebar-reset-filter-button-v2-wireframe>
      </velt-comments-sidebar-empty-placeholder-v2-wireframe>
    </velt-wireframe>
    ```
  </Tab>
</Tabs>

#### ResetFilterButton (Panel EmptyPlaceholder)

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

  <Tab title="Other Frameworks">
    ```html theme={null}
    <velt-wireframe style="display:none;">
      <velt-comments-sidebar-reset-filter-button-v2-wireframe></velt-comments-sidebar-reset-filter-button-v2-wireframe>
    </velt-wireframe>
    ```
  </Tab>
</Tabs>

### PageModeComposer (Panel)

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

  <Tab title="Other Frameworks">
    ```html theme={null}
    <velt-wireframe style="display:none;">
      <velt-comments-sidebar-page-mode-composer-v2-wireframe></velt-comments-sidebar-page-mode-composer-v2-wireframe>
    </velt-wireframe>
    ```
  </Tab>
</Tabs>

### FocusedThread (Panel)

<Tabs>
  <Tab title="React / Next.js">
    ```jsx theme={null}
    <VeltWireframe>
      <VeltCommentsSidebarV2Wireframe.FocusedThread>
        <VeltCommentsSidebarV2Wireframe.FocusedThread.BackButton />
        <VeltCommentsSidebarV2Wireframe.FocusedThread.DialogContainer />
      </VeltCommentsSidebarV2Wireframe.FocusedThread>
    </VeltWireframe>
    ```
  </Tab>

  <Tab title="Other Frameworks">
    ```html theme={null}
    <velt-wireframe style="display:none;">
      <velt-comments-sidebar-focused-thread-v2-wireframe>
        <velt-comments-sidebar-focused-thread-back-button-v2-wireframe></velt-comments-sidebar-focused-thread-back-button-v2-wireframe>
        <velt-comments-sidebar-focused-thread-dialog-container-v2-wireframe></velt-comments-sidebar-focused-thread-dialog-container-v2-wireframe>
      </velt-comments-sidebar-focused-thread-v2-wireframe>
    </velt-wireframe>
    ```
  </Tab>
</Tabs>

#### BackButton (Panel FocusedThread)

<Tabs>
  <Tab title="React / Next.js">
    ```jsx theme={null}
    <VeltWireframe>
      <VeltCommentsSidebarV2Wireframe.FocusedThread.BackButton />
    </VeltWireframe>
    ```
  </Tab>

  <Tab title="Other Frameworks">
    ```html theme={null}
    <velt-wireframe style="display:none;">
      <velt-comments-sidebar-focused-thread-back-button-v2-wireframe></velt-comments-sidebar-focused-thread-back-button-v2-wireframe>
    </velt-wireframe>
    ```
  </Tab>
</Tabs>

#### DialogContainer (Panel FocusedThread)

<Tabs>
  <Tab title="React / Next.js">
    ```jsx theme={null}
    <VeltWireframe>
      <VeltCommentsSidebarV2Wireframe.FocusedThread.DialogContainer />
    </VeltWireframe>
    ```
  </Tab>

  <Tab title="Other Frameworks">
    ```html theme={null}
    <velt-wireframe style="display:none;">
      <velt-comments-sidebar-focused-thread-dialog-container-v2-wireframe></velt-comments-sidebar-focused-thread-dialog-container-v2-wireframe>
    </velt-wireframe>
    ```
  </Tab>
</Tabs>
