Comment Sidebar V2

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

We recommend that you familiarize yourselves with UI Customization Concepts before attempting to modify any components.

Overview

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarV2Wireframe>
    <VeltCommentsSidebarV2Wireframe.Skeleton />
    <VeltCommentsSidebarV2Wireframe.Panel>
      <VeltCommentsSidebarV2Wireframe.Header>
        <VeltCommentsSidebarV2Wireframe.CloseButton />
        <VeltCommentsSidebarV2Wireframe.MinimalActionsDropdown>
          <VeltCommentsSidebarV2Wireframe.MinimalActionsDropdown.Trigger />
          <VeltCommentsSidebarV2Wireframe.MinimalActionsDropdown.Content>
            <VeltCommentsSidebarV2Wireframe.MinimalActionsDropdown.Content.MarkAllRead />
            <VeltCommentsSidebarV2Wireframe.MinimalActionsDropdown.Content.MarkAllResolved />
          </VeltCommentsSidebarV2Wireframe.MinimalActionsDropdown.Content>
        </VeltCommentsSidebarV2Wireframe.MinimalActionsDropdown>
        <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>
      </VeltCommentsSidebarV2Wireframe.Header>
      <VeltCommentsSidebarV2Wireframe.List />
      <VeltCommentsSidebarV2Wireframe.EmptyPlaceholder>
        <VeltCommentsSidebarV2Wireframe.EmptyPlaceholder.ResetFilterButton />
      </VeltCommentsSidebarV2Wireframe.EmptyPlaceholder>
      <VeltCommentsSidebarV2Wireframe.PageModeComposer />
      <VeltCommentsSidebarV2Wireframe.FocusedThread>
        <VeltCommentsSidebarV2Wireframe.FocusedThread.BackButton />
        <VeltCommentsSidebarV2Wireframe.FocusedThread.DialogContainer />
      </VeltCommentsSidebarV2Wireframe.FocusedThread>
    </VeltCommentsSidebarV2Wireframe.Panel>
  </VeltCommentsSidebarV2Wireframe>
</VeltWireframe>

Other Frameworks

<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-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-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-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-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-reset-filter-button-v2-wireframe></velt-comments-sidebar-reset-filter-button-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-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-comments-sidebar-panel-v2-wireframe>
  </velt-comments-sidebar-v2-wireframe>
</velt-wireframe>

Skeleton

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarV2Wireframe.Skeleton />
</VeltWireframe>

Other Frameworks

<velt-wireframe style="display:none;">
  <velt-comments-sidebar-skeleton-v2-wireframe></velt-comments-sidebar-skeleton-v2-wireframe>
</velt-wireframe>

Panel

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarV2Wireframe.Panel>
    <VeltCommentsSidebarV2Wireframe.Header />
    <VeltCommentsSidebarV2Wireframe.List />
    <VeltCommentsSidebarV2Wireframe.EmptyPlaceholder />
    <VeltCommentsSidebarV2Wireframe.PageModeComposer />
    <VeltCommentsSidebarV2Wireframe.FocusedThread />
  </VeltCommentsSidebarV2Wireframe.Panel>
</VeltWireframe>

Other Frameworks

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

Header (Panel)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarV2Wireframe.Header>
    <VeltCommentsSidebarV2Wireframe.CloseButton />
    <VeltCommentsSidebarV2Wireframe.MinimalActionsDropdown />
    <VeltCommentsSidebarV2Wireframe.FilterDropdown />
  </VeltCommentsSidebarV2Wireframe.Header>
</VeltWireframe>

Other Frameworks

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

CloseButton (Panel Header)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarV2Wireframe.CloseButton />
</VeltWireframe>

Other Frameworks

<velt-wireframe style="display:none;">
  <velt-comments-sidebar-close-button-v2-wireframe></velt-comments-sidebar-close-button-v2-wireframe>
</velt-wireframe>

MinimalActionsDropdown (Panel Header)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarV2Wireframe.MinimalActionsDropdown>
    <VeltCommentsSidebarV2Wireframe.MinimalActionsDropdown.Trigger />
    <VeltCommentsSidebarV2Wireframe.MinimalActionsDropdown.Content>
      <VeltCommentsSidebarV2Wireframe.MinimalActionsDropdown.Content.MarkAllRead />
      <VeltCommentsSidebarV2Wireframe.MinimalActionsDropdown.Content.MarkAllResolved />
    </VeltCommentsSidebarV2Wireframe.MinimalActionsDropdown.Content>
  </VeltCommentsSidebarV2Wireframe.MinimalActionsDropdown>
</VeltWireframe>

Other Frameworks

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

Trigger (Panel Header MinimalActionsDropdown)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarV2Wireframe.MinimalActionsDropdown.Trigger />
</VeltWireframe>

Other Frameworks

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

Content (Panel Header MinimalActionsDropdown)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarV2Wireframe.MinimalActionsDropdown.Content>
    <VeltCommentsSidebarV2Wireframe.MinimalActionsDropdown.Content.MarkAllRead />
    <VeltCommentsSidebarV2Wireframe.MinimalActionsDropdown.Content.MarkAllResolved />
  </VeltCommentsSidebarV2Wireframe.MinimalActionsDropdown.Content>
</VeltWireframe>

Other Frameworks

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

MarkAllRead (Panel Header MinimalActionsDropdown Content)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarV2Wireframe.MinimalActionsDropdown.Content.MarkAllRead />
</VeltWireframe>

Other Frameworks

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

MarkAllResolved (Panel Header MinimalActionsDropdown Content)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarV2Wireframe.MinimalActionsDropdown.Content.MarkAllResolved />
</VeltWireframe>

Other Frameworks

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

FilterDropdown (Panel Header)

React / Next.js

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

Other Frameworks

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

Trigger (Panel Header FilterDropdown)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarV2Wireframe.FilterDropdown.Trigger />
</VeltWireframe>

Other Frameworks

<velt-wireframe style="display:none;">
  <velt-comments-sidebar-filter-dropdown-trigger-v2-wireframe></velt-comments-sidebar-filter-dropdown-trigger-v2-wireframe>
</velt-wireframe>

Content (Panel Header FilterDropdown)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarV2Wireframe.FilterDropdown.Content>
    <VeltCommentsSidebarV2Wireframe.FilterDropdown.Content.List />
  </VeltCommentsSidebarV2Wireframe.FilterDropdown.Content>
</VeltWireframe>

Other Frameworks

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

List (Panel Header FilterDropdown Content)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarV2Wireframe.FilterDropdown.Content.List>
    <VeltCommentsSidebarV2Wireframe.FilterDropdown.Content.List.Item />
    <VeltCommentsSidebarV2Wireframe.FilterDropdown.Content.List.Category />
  </VeltCommentsSidebarV2Wireframe.FilterDropdown.Content.List>
</VeltWireframe>

Other Frameworks

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

Item (Panel Header FilterDropdown Content List)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarV2Wireframe.FilterDropdown.Content.List.Item>
    <VeltCommentsSidebarV2Wireframe.FilterDropdown.Content.List.Item.Indicator />
    <VeltCommentsSidebarV2Wireframe.FilterDropdown.Content.List.Item.Label />
  </VeltCommentsSidebarV2Wireframe.FilterDropdown.Content.List.Item>
</VeltWireframe>

Other Frameworks

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

Indicator (Panel Header FilterDropdown Content List Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarV2Wireframe.FilterDropdown.Content.List.Item.Indicator />
</VeltWireframe>

Other Frameworks

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

Label (Panel Header FilterDropdown Content List Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarV2Wireframe.FilterDropdown.Content.List.Item.Label />
</VeltWireframe>

Other Frameworks

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

Category (Panel Header FilterDropdown Content List)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarV2Wireframe.FilterDropdown.Content.List.Category>
    <VeltCommentsSidebarV2Wireframe.FilterDropdown.Content.List.Category.Content />
  </VeltCommentsSidebarV2Wireframe.FilterDropdown.Content.List.Category>
</VeltWireframe>

Other Frameworks

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

Content (Panel Header FilterDropdown Content List Category)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarV2Wireframe.FilterDropdown.Content.List.Category.Content />
</VeltWireframe>

Other Frameworks

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

List (Panel)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarV2Wireframe.List />
</VeltWireframe>

Other Frameworks

<velt-wireframe style="display:none;">
  <velt-comments-sidebar-list-v2-wireframe></velt-comments-sidebar-list-v2-wireframe>
</velt-wireframe>

EmptyPlaceholder (Panel)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarV2Wireframe.EmptyPlaceholder>
    <VeltCommentsSidebarV2Wireframe.EmptyPlaceholder.ResetFilterButton />
  </VeltCommentsSidebarV2Wireframe.EmptyPlaceholder>
</VeltWireframe>

Other Frameworks

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

ResetFilterButton (Panel EmptyPlaceholder)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarV2Wireframe.EmptyPlaceholder.ResetFilterButton />
</VeltWireframe>

Other Frameworks

<velt-wireframe style="display:none;">
  <velt-comments-sidebar-reset-filter-button-v2-wireframe></velt-comments-sidebar-reset-filter-button-v2-wireframe>
</velt-wireframe>

PageModeComposer (Panel)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarV2Wireframe.PageModeComposer />
</VeltWireframe>

Other Frameworks

<velt-wireframe style="display:none;">
  <velt-comments-sidebar-page-mode-composer-v2-wireframe></velt-comments-sidebar-page-mode-composer-v2-wireframe>
</velt-wireframe>

FocusedThread (Panel)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarV2Wireframe.FocusedThread>
    <VeltCommentsSidebarV2Wireframe.FocusedThread.BackButton />
    <VeltCommentsSidebarV2Wireframe.FocusedThread.DialogContainer />
  </VeltCommentsSidebarV2Wireframe.FocusedThread>
</VeltWireframe>

Other Frameworks

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

BackButton (Panel FocusedThread)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarV2Wireframe.FocusedThread.BackButton />
</VeltWireframe>

Other Frameworks

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

DialogContainer (Panel FocusedThread)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarV2Wireframe.FocusedThread.DialogContainer />
</VeltWireframe>

Other Frameworks

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