Comment Sidebar v1 Wireframes

Comment Sidebar Component.

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

Overview

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe>
        <VeltCommentsSidebarWireframe.Skeleton />
        <VeltCommentsSidebarWireframe.Panel />
        <VeltCommentsSidebarWireframe.FocusedThread />
    </VeltCommentsSidebarWireframe>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-wireframe>
        <velt-comment-sidebar-skeleton-wireframe></velt-comment-sidebar-skeleton-wireframe>
        <velt-comment-sidebar-panel-wireframe></velt-comment-sidebar-panel-wireframe>
        <velt-comments-sidebar-focused-thread-wireframe></velt-comments-sidebar-focused-thread-wireframe>
    </velt-comments-sidebar-wireframe>
</velt-wireframe>

Skeleton

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Skeleton />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comment-sidebar-skeleton-wireframe></velt-comment-sidebar-skeleton-wireframe>
</velt-wireframe>

Panel

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Panel>
      <VeltCommentsSidebarWireframe.Header>
      <VeltCommentsSidebarWireframe.Filter>
      <VeltCommentsSidebarWireframe.List>
      <VeltCommentsSidebarWireframe.EmptyPlaceholder>
      <VeltCommentsSidebarWireframe.PageModeComposer>
      <VeltCommentsSidebarWireframe.Filter.Item />
    </VeltCommentsSidebarWireframe.Panel>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comment-sidebar-panel-wireframe>
      <velt-comments-sidebar-header-wireframe></velt-comments-sidebar-header-wireframe>
      <velt-comments-sidebar-filter-wireframe></velt-comments-sidebar-filter-wireframe>
      <velt-comments-sidebar-list-wireframe></velt-comments-sidebar-list-wireframe>
     <velt-comments-sidebar-empty-placeholder-wireframe></velt-comments-sidebar-empty-placeholder-wireframe>
     <velt-comments-sidebar-page-mode-composer-wireframe></velt-comments-sidebar-page-mode-composer-wireframe>
    </velt-comment-sidebar-panel-wireframe>
</velt-wireframe>

Header (Panel)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Header>
      <VeltCommentsSidebarWireframe.FullscreenButton />
      <VeltCommentsSidebarWireframe.CloseButton />
      <VeltCommentsSidebarWireframe.Search />
      <VeltCommentsSidebarWireframe.ResetFilterButton />
      <VeltCommentsSidebarWireframe.Status />
      <VeltCommentsSidebarWireframe.LocationFilterDropdown />
      <VeltCommentsSidebarWireframe.MinimalFilterDropdown />
      <VeltCommentsSidebarWireframe.MinimalActionsDropdown />
      <VeltCommentsSidebarWireframe.DocumentFilterDropdown />
      <VeltCommentsSidebarWireframe.FilterButton />
    </VeltCommentsSidebarWireframe.Header>
</VeltWireframe>

Other Frameworks

<velt-wireframe style="display:none;">
    <velt-comments-sidebar-header-wireframe>
      <velt-comments-sidebar-fullscreen-button-wireframe></velt-comments-sidebar-fullscreen-button-wireframe>
      <velt-comments-sidebar-close-button-wireframe></velt-comments-sidebar-close-button-wireframe>
      <velt-comments-sidebar-search-wireframe></velt-comments-sidebar-search-wireframe>
      <velt-comments-sidebar-reset-filter-button-wireframe></velt-comments-sidebar-reset-filter-button-wireframe>
      <velt-comments-sidebar-status-wireframe></velt-comments-sidebar-status-wireframe>
      <velt-comments-sidebar-location-filter-dropdown-wireframe></velt-comments-sidebar-location-filter-dropdown-wireframe>
      <velt-comments-sidebar-minimal-filter-dropdown-wireframe></velt-comments-sidebar-minimal-filter-dropdown-wireframe>
      <velt-comments-sidebar-minimal-actions-dropdown-wireframe></velt-comments-sidebar-minimal-actions-dropdown-wireframe>
      <velt-comments-sidebar-document-filter-dropdown-wireframe></velt-comments-sidebar-document-filter-dropdown-wireframe>
      <velt-comments-sidebar-filter-button-wireframe></velt-comments-sidebar-filter-button-wireframe>
    </velt-comments-sidebar-header-wireframe>
</velt-wireframe>

FullscreenButton (Panel Header)

Button to toggle full-screen mode for the Comments Sidebar. This component only appears when full-screen mode is enabled via the fullScreen prop or API method. Clicking it allows users to expand the sidebar to fill the entire viewport or return to normal mode.

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.FullscreenButton />
</VeltWireframe>

Other Frameworks

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

CloseButton (Panel Header)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.CloseButton />
</VeltWireframe>

Other Frameworks

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

Search (Panel Header)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Search />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-search-wireframe></velt-comments-sidebar-search-wireframe>
</velt-wireframe>

ResetFilterButton (Panel Header)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.ResetFilterButton />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-reset-filter-button-wireframe></velt-comments-sidebar-reset-filter-button-wireframe>
</velt-wireframe>

Status (Panel Header)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Status>
        <VeltCommentsSidebarWireframe.Status.Trigger />
        <VeltCommentsSidebarWireframe.Status.Content />
    </VeltCommentsSidebarWireframe.Status>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-status-wireframe>
        <velt-comments-sidebar-status-dropdown-trigger-wireframe></velt-comments-sidebar-status-dropdown-trigger-wireframe>
        <velt-comments-sidebar-status-dropdown-content-wireframe></velt-comments-sidebar-status-dropdown-content-wireframe>
    </velt-comments-sidebar-status-wireframe>
</velt-wireframe>

Trigger (Panel Header Status)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Status.Trigger>
        <VeltCommentsSidebarWireframe.Status.Trigger.Name />
        <VeltCommentsSidebarWireframe.Status.Trigger.Arrow />
        <VeltCommentsSidebarWireframe.Status.Trigger.Indicator />
    </VeltCommentsSidebarWireframe.Status.Trigger>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-status-dropdown-trigger-wireframe>
        <velt-comments-sidebar-status-dropdown-trigger-name-wireframe></velt-comments-sidebar-status-dropdown-trigger-name-wireframe>
        <velt-comments-sidebar-status-dropdown-trigger-arrow-wireframe></velt-comments-sidebar-status-dropdown-trigger-arrow-wireframe>
        <velt-comments-sidebar-status-dropdown-trigger-indicator-wireframe></velt-comments-sidebar-status-dropdown-trigger-indicator-wireframe>
    </velt-comments-sidebar-status-dropdown-trigger-wireframe>
</velt-wireframe>

Name (Panel Header Status Trigger)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Status.Trigger.Name />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-status-dropdown-trigger-name-wireframe></velt-comments-sidebar-status-dropdown-trigger-name-wireframe>
</velt-wireframe>

Arrow (Panel Header Status Trigger)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Status.Trigger.Arrow />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-status-dropdown-trigger-arrow-wireframe></velt-comments-sidebar-status-dropdown-trigger-arrow-wireframe>
</velt-wireframe>

Indicator (Panel Header Status Trigger)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Status.Trigger.Indicator />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-status-dropdown-trigger-indicator-wireframe></velt-comments-sidebar-status-dropdown-trigger-indicator-wireframe>
</velt-wireframe>

Content (Panel Header Status)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Status.Content>
        <VeltCommentsSidebarWireframe.Status.Content.Item />
    </VeltCommentsSidebarWireframe.Status.Content>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-status-dropdown-content-wireframe>
        <velt-comments-sidebar-status-dropdown-content-item-wireframe></velt-comments-sidebar-status-dropdown-content-item-wireframe>
    </velt-comments-sidebar-status-dropdown-content-wireframe>
</velt-wireframe>

Item (Panel Header Status Content)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Status.Content.Item>
        <VeltCommentsSidebarWireframe.Status.Content.Item.Icon />
        <VeltCommentsSidebarWireframe.Status.Content.Item.Name />
        <VeltCommentsSidebarWireframe.Status.Content.Item.Count />
        <VeltCommentsSidebarWireframe.Status.Content.Item.Checkbox />
    </VeltCommentsSidebarWireframe.Status.Content.Item>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-status-dropdown-content-item-wireframe>
        <velt-comments-sidebar-status-dropdown-content-item-icon-wireframe></velt-comments-sidebar-status-dropdown-content-item-icon-wireframe>
        <velt-comments-sidebar-status-dropdown-content-item-name-wireframe></velt-comments-sidebar-status-dropdown-content-item-name-wireframe>
        <velt-comments-sidebar-status-dropdown-content-item-count-wireframe></velt-comments-sidebar-status-dropdown-content-item-count-wireframe>
        <velt-comments-sidebar-status-dropdown-content-item-checkbox-wireframe></velt-comments-sidebar-status-dropdown-content-item-checkbox-wireframe>
    </velt-comments-sidebar-status-dropdown-content-item-wireframe>
</velt-wireframe>

Icon (Panel Header Status Content Item)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Status.Content.Item.Icon />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-status-dropdown-content-item-icon-wireframe></velt-comments-sidebar-status-dropdown-content-item-icon-wireframe>
</velt-wireframe>

Name (Panel Header Status Content Item)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Status.Content.Item.Name />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-status-dropdown-content-item-name-wireframe></velt-comments-sidebar-status-dropdown-content-item-name-wireframe>
</velt-wireframe>

Count (Panel Header Status Content Item)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Status.Content.Item.Count />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-status-dropdown-content-item-count-wireframe></velt-comments-sidebar-status-dropdown-content-item-count-wireframe>
</velt-wireframe>

Checkbox (Panel Header Status Content Item)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Status.Content.Item.Checkbox>
        <VeltCommentsSidebarWireframe.Status.Content.Item.Checkbox.Checked />
        <VeltCommentsSidebarWireframe.Status.Content.Item.Checkbox.Unchecked />
    </VeltCommentsSidebarWireframe.Status.Content.Item.Checkbox>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-status-dropdown-content-item-checkbox-wireframe>
        <velt-comments-sidebar-status-dropdown-content-item-checkbox-checked-wireframe></velt-comments-sidebar-status-dropdown-content-item-checkbox-checked-wireframe>
        <velt-comments-sidebar-status-dropdown-content-item-checkbox-unchecked-wireframe></velt-comments-sidebar-status-dropdown-content-item-checkbox-unchecked-wireframe>
    </velt-comments-sidebar-status-dropdown-content-item-checkbox-wireframe>
</velt-wireframe>

Checked (Panel Header Status Content Item Checkbox)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Status.Content.Item.Checkbox.Checked />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-status-dropdown-content-item-checkbox-checked-wireframe></velt-comments-sidebar-status-dropdown-content-item-checkbox-checked-wireframe>
</velt-wireframe>

Unchecked (Panel Header Status Content Item Checkbox)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Status.Content.Item.Checkbox.Unchecked />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-status-dropdown-content-item-checkbox-unchecked-wireframe></velt-comments-sidebar-status-dropdown-content-item-checkbox-unchecked-wireframe>
</velt-wireframe>

LocationFilterDropdown (Panel Header)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.LocationFilterDropdown>
        <VeltCommentsSidebarWireframe.LocationFilterDropdown.Trigger />
        <VeltCommentsSidebarWireframe.LocationFilterDropdown.Content />
    </VeltCommentsSidebarWireframe.LocationFilterDropdown>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-location-filter-dropdown-wireframe>
        <velt-comments-sidebar-location-filter-dropdown-trigger-wireframe></velt-comments-sidebar-location-filter-dropdown-trigger-wireframe>
        <velt-comments-sidebar-location-filter-dropdown-content-wireframe></velt-comments-sidebar-location-filter-dropdown-content-wireframe>
    </velt-comments-sidebar-location-filter-dropdown-wireframe>
</velt-wireframe>

Trigger (Panel Header LocationFilterDropdown)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.LocationFilterDropdown.Trigger>
        <VeltCommentsSidebarWireframe.LocationFilterDropdown.Trigger.Label />
    </VeltCommentsSidebarWireframe.LocationFilterDropdown.Trigger>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-location-filter-dropdown-trigger-wireframe>
        <velt-comments-sidebar-location-filter-dropdown-trigger-label-wireframe></velt-comments-sidebar-location-filter-dropdown-trigger-label-wireframe>
    </velt-comments-sidebar-location-filter-dropdown-trigger-wireframe>
</velt-wireframe>

Label (Panel Header LocationFilterDropdown Trigger)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.LocationFilterDropdown.Trigger.Label />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-location-filter-dropdown-trigger-label-wireframe></velt-comments-sidebar-location-filter-dropdown-trigger-label-wireframe>
</velt-wireframe>

Content (Panel Header LocationFilterDropdown)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.LocationFilterDropdown.Content />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-location-filter-dropdown-content-wireframe></velt-comments-sidebar-location-filter-dropdown-content-wireframe>
</velt-wireframe>

MinimalFilterDropdown (Panel Header)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.MinimalFilterDropdown>
        <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Trigger />
        <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content />
    </VeltCommentsSidebarWireframe.MinimalFilterDropdown>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-minimal-filter-dropdown-wireframe>
        <velt-comments-sidebar-minimal-filter-dropdown-trigger-wireframe></velt-comments-sidebar-minimal-filter-dropdown-trigger-wireframe>
        <velt-comments-sidebar-minimal-filter-dropdown-content-wireframe></velt-comments-sidebar-minimal-filter-dropdown-content-wireframe>
    </velt-comments-sidebar-minimal-filter-dropdown-wireframe>
</velt-wireframe>

Trigger (Panel Header MinimalFilterDropdown)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Trigger />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-minimal-filter-dropdown-trigger-wireframe></velt-comments-sidebar-minimal-filter-dropdown-trigger-wireframe>
</velt-wireframe>

Content (Panel Header MinimalFilterDropdown)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content>
        <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.SortDate />
        <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.SortUnread />
        <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.FilterAll />
        <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.FilterUnread />
        <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.FilterRead />
        <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.FilterResolved />
        <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.FilterOpen />
        <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.FilterReset />
    </VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-minimal-filter-dropdown-content-wireframe>
        <velt-comments-sidebar-minimal-filter-dropdown-content-sort-date-wireframe></velt-comments-sidebar-minimal-filter-dropdown-content-sort-date-wireframe>
        <velt-comments-sidebar-minimal-filter-dropdown-content-sort-unread-wireframe></velt-comments-sidebar-minimal-filter-dropdown-content-sort-unread-wireframe>
        <velt-comments-sidebar-minimal-filter-dropdown-content-filter-all-wireframe></velt-comments-sidebar-minimal-filter-dropdown-content-filter-all-wireframe>
        <velt-comments-sidebar-minimal-filter-dropdown-content-filter-unread-wireframe></velt-comments-sidebar-minimal-filter-dropdown-content-filter-unread-wireframe>
        <velt-comments-sidebar-minimal-filter-dropdown-content-filter-read-wireframe></velt-comments-sidebar-minimal-filter-dropdown-content-filter-read-wireframe>
        <velt-comments-sidebar-minimal-filter-dropdown-content-filter-resolved-wireframe></velt-comments-sidebar-minimal-filter-dropdown-content-filter-resolved-wireframe>
        <velt-comments-sidebar-minimal-filter-dropdown-content-filter-open-wireframe></velt-comments-sidebar-minimal-filter-dropdown-content-filter-open-wireframe>
        <velt-comments-sidebar-minimal-filter-dropdown-content-filter-reset-wireframe></velt-comments-sidebar-minimal-filter-dropdown-content-filter-reset-wireframe>
    </velt-comments-sidebar-minimal-filter-dropdown-content-wireframe>
</velt-wireframe>

SortDate (Panel Header MinimalFilterDropdown Content)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.SortDate>
    <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.SelectedIcon />
      Sort date
    </VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.SortDate>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-minimal-filter-dropdown-content-sort-date-wireframe>
      </velt-comments-sidebar-minimal-filter-dropdown-content-selected-icon-wireframe>
        Sort by date
    </velt-comments-sidebar-minimal-filter-dropdown-content-sort-date-wireframe>
</velt-wireframe>

SelectedIcon (Panel Header MinimalFilterDropdown Content SortDate)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.SelectedIcon />
      Sort date
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    </velt-comments-sidebar-minimal-filter-dropdown-content-selected-icon-wireframe>
      Sort by date
</velt-wireframe>

SortUnread (Panel Header MinimalFilterDropdown Content)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.SortUnread>
      <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.SelectedIcon />
        Sort unread
    </VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.SortUnread>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-minimal-filter-dropdown-content-sort-unread-wireframe>
      </velt-comments-sidebar-minimal-filter-dropdown-content-selected-icon-wireframe>
        Sort by unread
    </velt-comments-sidebar-minimal-filter-dropdown-content-sort-unread-wireframe>
</velt-wireframe>

SelectedIcon (Panel Header MinimalFilterDropdown Content SortUnread)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.SelectedIcon />
      Sort unread
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    </velt-comments-sidebar-minimal-filter-dropdown-content-selected-icon-wireframe>
      Sort by unread
</velt-wireframe>

FilterAll (Panel Header MinimalFilterDropdown Content)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.FilterAll>
      <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.SelectedIcon />
          Filter All
    </VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.FilterAll>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-minimal-filter-dropdown-content-filter-all-wireframe>
      </velt-comments-sidebar-minimal-filter-dropdown-content-selected-icon-wireframe>
        Unread or Read
    </velt-comments-sidebar-minimal-filter-dropdown-content-filter-all-wireframe>
</velt-wireframe>

SelectedIcon (Panel Header MinimalFilterDropdown Content FilterAll)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.SelectedIcon />
      Filter All
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    </velt-comments-sidebar-minimal-filter-dropdown-content-selected-icon-wireframe>
      Unread or Read
</velt-wireframe>

FilterUnread (Panel Header MinimalFilterDropdown Content)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.FilterUnread>
      <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.SelectedIcon />
          Filter unread
    </VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.FilterUnread>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-minimal-filter-dropdown-content-filter-unread-wireframe>
      </velt-comments-sidebar-minimal-filter-dropdown-content-selected-icon-wireframe>
        Unread only
    </velt-comments-sidebar-minimal-filter-dropdown-content-filter-unread-wireframe>
</velt-wireframe>

SelectedIcon (Panel Header MinimalFilterDropdown Content FilterUnread)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.SelectedIcon />
      Filter unread
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    </velt-comments-sidebar-minimal-filter-dropdown-content-selected-icon-wireframe>
      Unread only
</velt-wireframe>

FilterRead (Panel Header MinimalFilterDropdown Content)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.FilterRead>
      <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.SelectedIcon />
          Filter read
    </VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.FilterRead>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-minimal-filter-dropdown-content-filter-read-wireframe>
      </velt-comments-sidebar-minimal-filter-dropdown-content-selected-icon-wireframe>
        Read only
    </velt-comments-sidebar-minimal-filter-dropdown-content-filter-read-wireframe>
</velt-wireframe>

SelectedIcon (Panel Header MinimalFilterDropdown Content FilterRead)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.SelectedIcon />
      Filter read
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    </velt-comments-sidebar-minimal-filter-dropdown-content-selected-icon-wireframe>
      Read only
</velt-wireframe>

FilterResolved (Panel Header MinimalFilterDropdown Content)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.FilterResolved>
      <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.SelectedIcon />
          Filter resolved
    </VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.FilterResolved>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-minimal-filter-dropdown-content-filter-resolved-wireframe>
      </velt-comments-sidebar-minimal-filter-dropdown-content-selected-icon-wireframe>
        Resolved
    </velt-comments-sidebar-minimal-filter-dropdown-content-filter-resolved-wireframe>
</velt-wireframe>

SelectedIcon (Panel Header MinimalFilterDropdown Content FilterResolved)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.SelectedIcon />
      Filter resolved
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    </velt-comments-sidebar-minimal-filter-dropdown-content-selected-icon-wireframe>
      Resolved
</velt-wireframe>

FilterOpen (Panel Header MinimalFilterDropdown Content)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.FilterOpen>
      <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.SelectedIcon />
          Filter open
    </VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.FilterOpen>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-minimal-filter-dropdown-content-filter-open-wireframe>
      </velt-comments-sidebar-minimal-filter-dropdown-content-selected-icon-wireframe>
        Open only
    </velt-comments-sidebar-minimal-filter-dropdown-content-filter-open-wireframe>
</velt-wireframe>

SelectedIcon (Panel Header MinimalFilterDropdown Content FilterOpen)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.SelectedIcon />
      Filter open
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    </velt-comments-sidebar-minimal-filter-dropdown-content-selected-icon-wireframe>
      Open only
</velt-wireframe>

FilterReset (Panel Header MinimalFilterDropdown Content)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.FilterReset>
      <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.SelectedIcon />
          Reset filters
    </VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.FilterReset>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-minimal-filter-dropdown-content-filter-reset-wireframe>
      </velt-comments-sidebar-minimal-filter-dropdown-content-selected-icon-wireframe>
        Reset filters
    </velt-comments-sidebar-minimal-filter-dropdown-content-filter-reset-wireframe>
</velt-wireframe>

SelectedIcon (Panel Header MinimalFilterDropdown Content FilterReset)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.SelectedIcon />
      Reset filters
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    </velt-comments-sidebar-minimal-filter-dropdown-content-selected-icon-wireframe>
      Reset filters
</velt-wireframe>

MinimalActionsDropdown (Panel Header)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.MinimalActionsDropdown>
        <VeltCommentsSidebarWireframe.MinimalActionsDropdown.Trigger />
        <VeltCommentsSidebarWireframe.MinimalActionsDropdown.Content />
    </VeltCommentsSidebarWireframe.MinimalActionsDropdown>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-minimal-actions-dropdown-wireframe>
        <velt-comments-sidebar-minimal-actions-dropdown-trigger-wireframe></velt-comments-sidebar-minimal-actions-dropdown-trigger-wireframe>
        <velt-comments-sidebar-minimal-actions-dropdown-content-wireframe></velt-comments-sidebar-minimal-actions-dropdown-content-wireframe>
    </velt-comments-sidebar-minimal-actions-dropdown-wireframe>
</velt-wireframe>

Trigger (Panel Header MinimalActionsDropdown)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.MinimalActionsDropdown.Trigger />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-minimal-actions-dropdown-trigger-wireframe></velt-comments-sidebar-minimal-actions-dropdown-trigger-wireframe>
</velt-wireframe>

Content (Panel Header MinimalActionsDropdown)

React / Next.js

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

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-minimal-actions-dropdown-content-wireframe>
        <velt-comments-sidebar-minimal-actions-dropdown-content-mark-all-read-wireframe></velt-comments-sidebar-minimal-actions-dropdown-content-mark-all-read-wireframe>
        <velt-comments-sidebar-minimal-actions-dropdown-content-mark-all-resolved-wireframe></velt-comments-sidebar-minimal-actions-dropdown-content-mark-all-resolved-wireframe>
    </velt-comments-sidebar-minimal-actions-dropdown-content-wireframe>
</velt-wireframe>

MarkAllRead (Panel Header MinimalActionsDropdown Content)

React / Next.js

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

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-minimal-actions-dropdown-content-mark-all-read-wireframe></velt-comments-sidebar-minimal-actions-dropdown-content-mark-all-read-wireframe>
</velt-wireframe>

MarkAllResolved (Panel Header MinimalActionsDropdown Content)

React / Next.js

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

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-minimal-actions-dropdown-content-mark-all-resolved-wireframe></velt-comments-sidebar-minimal-actions-dropdown-content-mark-all-resolved-wireframe>
</velt-wireframe>

DocumentFilterDropdown (Panel Header)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.DocumentFilterDropdown>
        <VeltCommentsSidebarWireframe.DocumentFilterDropdown.Trigger />
        <VeltCommentsSidebarWireframe.DocumentFilterDropdown.Content />
    </VeltCommentsSidebarWireframe.DocumentFilterDropdown>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-document-filter-dropdown-wireframe>
        <velt-comments-sidebar-document-filter-dropdown-trigger-wireframe></velt-comments-sidebar-document-filter-dropdown-trigger-wireframe>
        <velt-comments-sidebar-document-filter-dropdown-content-wireframe></velt-comments-sidebar-document-filter-dropdown-content-wireframe>
    </velt-comments-sidebar-document-filter-dropdown-wireframe>
</velt-wireframe>

Trigger (Panel Header DocumentFilterDropdown)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.DocumentFilterDropdown.Trigger />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-document-filter-dropdown-trigger-wireframe></velt-comments-sidebar-document-filter-dropdown-trigger-wireframe>
</velt-wireframe>

Content (Panel Header DocumentFilterDropdown)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.DocumentFilterDropdown.Content>
      <VeltCommentsSidebarWireframe.Filter.Document />
    </VeltCommentsSidebarWireframe.DocumentFilterDropdown.Content>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-document-filter-dropdown-content-wireframe>
      <velt-comments-sidebar-filter-document-wireframe></velt-comments-sidebar-filter-document-wireframe>
    </velt-comments-sidebar-document-filter-dropdown-content-wireframe>
</velt-wireframe>

Document (Panel Header DocumentFilterDropdown Content)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Document />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
      <velt-comments-sidebar-filter-document-wireframe></velt-comments-sidebar-filter-document-wireframe>
</velt-wireframe>

FilterButton (Panel Header)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.FilterButton />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-button-wireframe></velt-comments-sidebar-filter-button-wireframe>
</velt-wireframe>

Filter (Panel)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter>
        <VeltCommentsSidebarWireframe.Filter.Title />
        <VeltCommentsSidebarWireframe.Filter.CloseButton />
        <VeltCommentsSidebarWireframe.Filter.Location />
        <VeltCommentsSidebarWireframe.Filter.Document />
        <VeltCommentsSidebarWireframe.Filter.Involved />
        <VeltCommentsSidebarWireframe.Filter.People />
        <VeltCommentsSidebarWireframe.Filter.Tagged />
        <VeltCommentsSidebarWireframe.Filter.Assigned />
        <VeltCommentsSidebarWireframe.Filter.Custom />
        <VeltCommentsSidebarWireframe.Filter.Category />
        <VeltCommentsSidebarWireframe.Filter.Priority />
        <VeltCommentsSidebarWireframe.Filter.Status />
        <VeltCommentsSidebarWireframe.Filter.CommentType />
        <VeltCommentsSidebarWireframe.Filter.Versions />
        <VeltCommentsSidebarWireframe.Filter.GroupBy />
        <VeltCommentsSidebarWireframe.Filter.ResetButton />
        <VeltCommentsSidebarWireframe.Filter.DoneButton />
    </VeltCommentsSidebarWireframe.Filter>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-wireframe>
        <velt-comments-sidebar-filter-title-wireframe></velt-comments-sidebar-filter-title-wireframe>
        <velt-comments-sidebar-filter-close-button-wireframe></velt-comments-sidebar-filter-close-button-wireframe>
        <velt-comments-sidebar-filter-location-wireframe></velt-comments-sidebar-filter-location-wireframe>
        <velt-comments-sidebar-filter-document-wireframe></velt-comments-sidebar-filter-document-wireframe>
        <velt-comments-sidebar-filter-involved-wireframe></velt-comments-sidebar-filter-involved-wireframe>
        <velt-comments-sidebar-filter-people-wireframe></velt-comments-sidebar-filter-people-wireframe>
        <velt-comments-sidebar-filter-tagged-wireframe></velt-comments-sidebar-filter-tagged-wireframe>
        <velt-comments-sidebar-filter-assigned-wireframe></velt-comments-sidebar-filter-assigned-wireframe>
        <velt-comments-sidebar-filter-custom-wireframe></velt-comments-sidebar-filter-custom-wireframe>
        <velt-comments-sidebar-filter-category-wireframe></velt-comments-sidebar-filter-category-wireframe>
        <velt-comments-sidebar-filter-priority-wireframe></velt-comments-sidebar-filter-priority-wireframe>
        <velt-comments-sidebar-filter-status-wireframe></velt-comments-sidebar-filter-status-wireframe>
        <velt-comments-sidebar-filter-comment-type-wireframe></velt-comments-sidebar-filter-comment-type-wireframe>
        <velt-comments-sidebar-filter-versions-wireframe></velt-comments-sidebar-filter-versions-wireframe>
        <velt-comments-sidebar-filter-group-by-wireframe></velt-comments-sidebar-filter-group-by-wireframe>
        <velt-comments-sidebar-filter-reset-button-wireframe></velt-comments-sidebar-filter-reset-button-wireframe>
        <velt-comments-sidebar-filter-done-button-wireframe></velt-comments-sidebar-filter-done-button-wireframe>
    </velt-comments-sidebar-filter-wireframe>
</velt-wireframe>

Title (Panel Filter)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Title />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-title-wireframe></velt-comments-sidebar-filter-title-wireframe>
</velt-wireframe>

CloseButton (Panel Filter)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.CloseButton />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-close-button-wireframe></velt-comments-sidebar-filter-close-button-wireframe>
</velt-wireframe>

Location (Panel Filter)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Location>
        <VeltCommentsSidebarWireframe.Filter.Location.Name />
        <VeltCommentsSidebarWireframe.Filter.Location.Search />
        <VeltCommentsSidebarWireframe.Filter.Location.Item />
        <VeltCommentsSidebarWireframe.Filter.Location.ViewAll />
    </VeltCommentsSidebarWireframe.Filter.Location>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-location-wireframe>
        <velt-comments-sidebar-filter-name-wireframe></velt-comments-sidebar-filter-name-wireframe>
        <velt-comments-sidebar-filter-search-wireframe></velt-comments-sidebar-filter-search-wireframe>
        <velt-comments-sidebar-filter-item-wireframe></velt-comments-sidebar-filter-item-wireframe>
        <velt-comments-sidebar-filter-view-all-wireframe></velt-comments-sidebar-filter-view-all-wireframe>
    </velt-comments-sidebar-filter-location-wireframe>
</velt-wireframe>

Name (Panel Filter Location)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Location.Name />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-name-wireframe></velt-comments-sidebar-filter-name-wireframe>
</velt-wireframe>

Search (Panel Filter Location)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Location.Search>
        <VeltCommentsSidebarWireframe.Filter.Location.Search.Tags />
        <VeltCommentsSidebarWireframe.Filter.Location.Search.HiddenCount />
        <VeltCommentsSidebarWireframe.Filter.Location.Search.Input />
        <VeltCommentsSidebarWireframe.Filter.Location.Search.DropdownIcon />
    </VeltCommentsSidebarWireframe.Filter.Location.Search>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-search-wireframe>
        <velt-comments-sidebar-filter-search-tags-wireframe></velt-comments-sidebar-filter-search-tags-wireframe>
        <velt-comments-sidebar-filter-search-hidden-count-wireframe></velt-comments-sidebar-filter-search-hidden-count-wireframe>
        <velt-comments-sidebar-filter-search-input-wireframe></velt-comments-sidebar-filter-search-input-wireframe>
        <velt-comments-sidebar-filter-search-dropdown-icon-wireframe></velt-comments-sidebar-filter-search-dropdown-icon-wireframe>
    </velt-comments-sidebar-filter-search-wireframe>
</velt-wireframe>

Tags (Panel Filter Location Search)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Location.Search.Tags>
        <VeltCommentsSidebarWireframe.Filter.Location.Search.Tags.Item />
    </VeltCommentsSidebarWireframe.Filter.Location.Search.Tags>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-search-tags-wireframe>
        <velt-comments-sidebar-filter-search-tags-item-wireframe></velt-comments-sidebar-filter-search-tags-item-wireframe>
    </velt-comments-sidebar-filter-search-tags-wireframe>
</velt-wireframe>

Item (Panel Filter Location Search Tags)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Location.Search.Tags.Item>
        <VeltCommentsSidebarWireframe.Filter.Location.Search.Tags.Item.Name />
        <VeltCommentsSidebarWireframe.Filter.Location.Search.Tags.Item.Close />
    </VeltCommentsSidebarWireframe.Filter.Location.Search.Tags.Item>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-search-tags-item-wireframe>
        <velt-comments-sidebar-filter-search-tags-item-name-wireframe></velt-comments-sidebar-filter-search-tags-item-name-wireframe>
        <velt-comments-sidebar-filter-search-tags-item-close-wireframe></velt-comments-sidebar-filter-search-tags-item-close-wireframe>
    </velt-comments-sidebar-filter-search-tags-item-wireframe>
</velt-wireframe>

HiddenCount (Panel Filter Location Search)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Location.Search.HiddenCount />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-search-hidden-count-wireframe></velt-comments-sidebar-filter-search-hidden-count-wireframe>
</velt-wireframe>

Input (Panel Filter Location Search)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Location.Search.Input />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-search-input-wireframe></velt-comments-sidebar-filter-search-input-wireframe>
</velt-wireframe>

DropdownIcon (Panel Filter Location Search)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Location.Search.DropdownIcon />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-search-dropdown-icon-wireframe></velt-comments-sidebar-filter-search-dropdown-icon-wireframe>
</velt-wireframe>

Item (Panel Filter Location)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Location.Item>
        <VeltCommentsSidebarWireframe.Filter.Location.Item.Checkbox />
        <VeltCommentsSidebarWireframe.Filter.Location.Item.Name />
        <VeltCommentsSidebarWireframe.Filter.Location.Item.Count />
    </VeltCommentsSidebarWireframe.Filter.Location.Item>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-item-wireframe>
        <velt-comments-sidebar-filter-item-checkbox-wireframe></velt-comments-sidebar-filter-item-checkbox-wireframe>
        <velt-comments-sidebar-filter-item-name-wireframe></velt-comments-sidebar-filter-item-name-wireframe>
        <velt-comments-sidebar-filter-item-count-wireframe></velt-comments-sidebar-filter-item-count-wireframe>
    </velt-comments-sidebar-filter-item-wireframe>
</velt-wireframe>

Checkbox (Panel Filter Location Item)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Location.Item.Checkbox>
        <VeltCommentsSidebarWireframe.Filter.Location.Item.Checkbox.Checked />
        <VeltCommentsSidebarWireframe.Filter.Location.Item.Checkbox.Unchecked />
    </VeltCommentsSidebarWireframe.Filter.Location.Item.Checkbox>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-wireframe>
        <velt-comments-sidebar-filter-item-checkbox-checked-wireframe></velt-comments-sidebar-filter-item-checkbox-checked-wireframe>
        <velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe></velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe>
    </velt-comments-sidebar-filter-item-checkbox-wireframe>
</velt-wireframe>

Checked (Panel Filter Location Item Checkbox)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Location.Item.Checkbox.Checked />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-checked-wireframe></velt-comments-sidebar-filter-item-checkbox-checked-wireframe>
</velt-wireframe>

Unchecked (Panel Filter Location Item Checkbox)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Location.Item.Checkbox.Unchecked />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe></velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe>
</velt-wireframe>

Name (Panel Filter Location Item)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Location.Item.Name />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-item-name-wireframe></velt-comments-sidebar-filter-item-name-wireframe>
</velt-wireframe>

Count (Panel Filter Location Item)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Location.Item.Count />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-item-count-wireframe></velt-comments-sidebar-filter-item-count-wireframe>
</velt-wireframe>

ViewAll (Panel Filter Location)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Location.ViewAll />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-view-all-wireframe></velt-comments-sidebar-filter-view-all-wireframe>
</velt-wireframe>

Document (Panel Filter)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Document>
        <VeltCommentsSidebarWireframe.Filter.Document.Name />
        <VeltCommentsSidebarWireframe.Filter.Document.Search />
        <VeltCommentsSidebarWireframe.Filter.Document.Item />
        <VeltCommentsSidebarWireframe.Filter.Document.ViewAll />
    </VeltCommentsSidebarWireframe.Filter.Document>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-document-wireframe>
        <velt-comments-sidebar-filter-name-wireframe></velt-comments-sidebar-filter-name-wireframe>
        <velt-comments-sidebar-filter-search-wireframe></velt-comments-sidebar-filter-search-wireframe>
        <velt-comments-sidebar-filter-item-wireframe></velt-comments-sidebar-filter-item-wireframe>
        <velt-comments-sidebar-filter-view-all-wireframe></velt-comments-sidebar-filter-view-all-wireframe>
    </velt-comments-sidebar-filter-document-wireframe>
</velt-wireframe>

Name (Panel Filter Document)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Document.Name />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-name-wireframe></velt-comments-sidebar-filter-name-wireframe>
</velt-wireframe>

Search (Panel Filter Document)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Document.Search>
        <VeltCommentsSidebarWireframe.Filter.Document.Search.Tags />
        <VeltCommentsSidebarWireframe.Filter.Document.Search.HiddenCount />
        <VeltCommentsSidebarWireframe.Filter.Document.Search.Input />
        <VeltCommentsSidebarWireframe.Filter.Document.Search.DropdownIcon />
    </VeltCommentsSidebarWireframe.Filter.Document.Search>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-search-wireframe>
        <velt-comments-sidebar-filter-search-tags-wireframe></velt-comments-sidebar-filter-search-tags-wireframe>
        <velt-comments-sidebar-filter-search-hidden-count-wireframe></velt-comments-sidebar-filter-search-hidden-count-wireframe>
        <velt-comments-sidebar-filter-search-input-wireframe></velt-comments-sidebar-filter-search-input-wireframe>
        <velt-comments-sidebar-filter-search-dropdown-icon-wireframe></velt-comments-sidebar-filter-search-dropdown-icon-wireframe>
    </velt-comments-sidebar-filter-search-wireframe>
</velt-wireframe>

Tags (Panel Filter Document Search)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Document.Search.Tags>
        <VeltCommentsSidebarWireframe.Filter.Document.Search.Tags.Item />
    </VeltCommentsSidebarWireframe.Filter.Document.Search.Tags>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-search-tags-wireframe>
        <velt-comments-sidebar-filter-search-tags-item-wireframe></velt-comments-sidebar-filter-search-tags-item-wireframe>
    </velt-comments-sidebar-filter-search-tags-wireframe>
</velt-wireframe>

Item (Panel Filter Document Search Tags)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Document.Search.Tags.Item>
        <VeltCommentsSidebarWireframe.Filter.Document.Search.Tags.Item.Name />
        <VeltCommentsSidebarWireframe.Filter.Document.Search.Tags.Item.Close />
    </VeltCommentsSidebarWireframe.Filter.Document.Search.Tags.Item>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-search-tags-item-wireframe>
        <velt-comments-sidebar-filter-search-tags-item-name-wireframe></velt-comments-sidebar-filter-search-tags-item-name-wireframe>
        <velt-comments-sidebar-filter-search-tags-item-close-wireframe></velt-comments-sidebar-filter-search-tags-item-close-wireframe>
    </velt-comments-sidebar-filter-search-tags-item-wireframe>
</velt-wireframe>

HiddenCount (Panel Filter Document Search)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Document.Search.HiddenCount />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-search-hidden-count-wireframe></velt-comments-sidebar-filter-search-hidden-count-wireframe>
</velt-wireframe>

Input (Panel Filter Document Search)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Document.Search.Input />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-search-input-wireframe></velt-comments-sidebar-filter-search-input-wireframe>
</velt-wireframe>

DropdownIcon (Panel Filter Document Search)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Document.Search.DropdownIcon />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-search-dropdown-icon-wireframe></velt-comments-sidebar-filter-search-dropdown-icon-wireframe>
</velt-wireframe>

Item (Panel Filter Document)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Document.Item>
        <VeltCommentsSidebarWireframe.Filter.Document.Item.Checkbox />
        <VeltCommentsSidebarWireframe.Filter.Document.Item.Name />
        <VeltCommentsSidebarWireframe.Filter.Document.Item.Count />
    </VeltCommentsSidebarWireframe.Filter.Document.Item>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-item-wireframe>
        <velt-comments-sidebar-filter-item-checkbox-wireframe></velt-comments-sidebar-filter-item-checkbox-wireframe>
        <velt-comments-sidebar-filter-item-name-wireframe></velt-comments-sidebar-filter-item-name-wireframe>
        <velt-comments-sidebar-filter-item-count-wireframe></velt-comments-sidebar-filter-item-count-wireframe>
    </velt-comments-sidebar-filter-item-wireframe>
</velt-wireframe>

Checkbox (Panel Filter Document Item)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Document.Item.Checkbox>
        <VeltCommentsSidebarWireframe.Filter.Document.Item.Checkbox.Checked />
        <VeltCommentsSidebarWireframe.Filter.Document.Item.Checkbox.Unchecked />
    </VeltCommentsSidebarWireframe.Filter.Document.Item.Checkbox>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-wireframe>
        <velt-comments-sidebar-filter-item-checkbox-checked-wireframe></velt-comments-sidebar-filter-item-checkbox-checked-wireframe>
        <velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe></velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe>
    </velt-comments-sidebar-filter-item-checkbox-wireframe>
</velt-wireframe>

Checked (Panel Filter Document Item Checkbox)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Document.Item.Checkbox.Checked />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-checked-wireframe></velt-comments-sidebar-filter-item-checkbox-checked-wireframe>
</velt-wireframe>

Unchecked (Panel Filter Document Item Checkbox)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Document.Item.Checkbox.Unchecked />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe></velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe>
</velt-wireframe>

Name (Panel Filter Document Item)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Document.Item.Name />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-item-name-wireframe></velt-comments-sidebar-filter-item-name-wireframe>
</velt-wireframe>

Count (Panel Filter Document Item)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Document.Item.Count />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-item-count-wireframe></velt-comments-sidebar-filter-item-count-wireframe>
</velt-wireframe>

ViewAll (Panel Filter Document)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Document.ViewAll />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-view-all-wireframe></velt-comments-sidebar-filter-view-all-wireframe>
</velt-wireframe>

Involved (Panel Filter)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Involved>
        <VeltCommentsSidebarWireframe.Filter.Involved.Name />
        <VeltCommentsSidebarWireframe.Filter.Involved.Search />
        <VeltCommentsSidebarWireframe.Filter.Involved.Item />
    </VeltCommentsSidebarWireframe.Filter.Involved>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-involved-wireframe>
        <velt-comments-sidebar-filter-name-wireframe></velt-comments-sidebar-filter-name-wireframe>
        <velt-comments-sidebar-filter-search-wireframe></velt-comments-sidebar-filter-search-wireframe>
        <velt-comments-sidebar-filter-item-wireframe></velt-comments-sidebar-filter-item-wireframe>
    </velt-comments-sidebar-filter-involved-wireframe>
</velt-wireframe>

Name (Panel Filter Involved)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Involved.Name />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-name-wireframe></velt-comments-sidebar-filter-name-wireframe>
</velt-wireframe>

Search (Panel Filter Involved)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Involved.Search>
        <VeltCommentsSidebarWireframe.Filter.Involved.Search.Tags />
        <VeltCommentsSidebarWireframe.Filter.Involved.Search.HiddenCount />
        <VeltCommentsSidebarWireframe.Filter.Involved.Search.Input />
        <VeltCommentsSidebarWireframe.Filter.Involved.Search.DropdownIcon />
    </VeltCommentsSidebarWireframe.Filter.Involved.Search>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-search-wireframe>
        <velt-comments-sidebar-filter-search-tags-wireframe></velt-comments-sidebar-filter-search-tags-wireframe>
        <velt-comments-sidebar-filter-search-hidden-count-wireframe></velt-comments-sidebar-filter-search-hidden-count-wireframe>
        <velt-comments-sidebar-filter-search-input-wireframe></velt-comments-sidebar-filter-search-input-wireframe>
        <velt-comments-sidebar-filter-search-dropdown-icon-wireframe></velt-comments-sidebar-filter-search-dropdown-icon-wireframe>
    </velt-comments-sidebar-filter-search-wireframe>
</velt-wireframe>

Tags (Panel Filter Involved Search)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Involved.Search.Tags>
        <VeltCommentsSidebarWireframe.Filter.Involved.Search.Tags.Item />
    </VeltCommentsSidebarWireframe.Filter.Involved.Search.Tags>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-search-tags-wireframe>
        <velt-comments-sidebar-filter-search-tags-item-wireframe></velt-comments-sidebar-filter-search-tags-item-wireframe>
    </velt-comments-sidebar-filter-search-tags-wireframe>
</velt-wireframe>

Item (Panel Filter Involved Search Tags)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Involved.Search.Tags.Item>
        <VeltCommentsSidebarWireframe.Filter.Involved.Search.Tags.Item.Name />
        <VeltCommentsSidebarWireframe.Filter.Involved.Search.Tags.Item.Close />
    </VeltCommentsSidebarWireframe.Filter.Involved.Search.Tags.Item>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-search-tags-item-wireframe>
        <velt-comments-sidebar-filter-search-tags-item-name-wireframe></velt-comments-sidebar-filter-search-tags-item-name-wireframe>
        <velt-comments-sidebar-filter-search-tags-item-close-wireframe></velt-comments-sidebar-filter-search-tags-item-close-wireframe>
    </velt-comments-sidebar-filter-search-tags-item-wireframe>
</velt-wireframe>

HiddenCount (Panel Filter Involved Search)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Involved.Search.HiddenCount />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-search-hidden-count-wireframe></velt-comments-sidebar-filter-search-hidden-count-wireframe>
</velt-wireframe>

Input (Panel Filter Involved Search)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Involved.Search.Input />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-search-input-wireframe></velt-comments-sidebar-filter-search-input-wireframe>
</velt-wireframe>

DropdownIcon (Panel Filter Involved Search)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Involved.Search.DropdownIcon />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-search-dropdown-icon-wireframe></velt-comments-sidebar-filter-search-dropdown-icon-wireframe>
</velt-wireframe>

Item (Panel Filter Involved)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Involved.Item>
        <VeltCommentsSidebarWireframe.Filter.Involved.Item.Checkbox />
        <VeltCommentsSidebarWireframe.Filter.Involved.Item.Name />
        <VeltCommentsSidebarWireframe.Filter.Involved.Item.Count />
    </VeltCommentsSidebarWireframe.Filter.Involved.Item>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-item-wireframe>
        <velt-comments-sidebar-filter-item-checkbox-wireframe></velt-comments-sidebar-filter-item-checkbox-wireframe>
        <velt-comments-sidebar-filter-item-name-wireframe></velt-comments-sidebar-filter-item-name-wireframe>
        <velt-comments-sidebar-filter-item-count-wireframe></velt-comments-sidebar-filter-item-count-wireframe>
    </velt-comments-sidebar-filter-item-wireframe>
</velt-wireframe>

Checkbox (Panel Filter Involved Item)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Involved.Item.Checkbox>
        <VeltCommentsSidebarWireframe.Filter.Involved.Item.Checkbox.Checked />
        <VeltCommentsSidebarWireframe.Filter.Involved.Item.Checkbox.Unchecked />
    </VeltCommentsSidebarWireframe.Filter.Involved.Item.Checkbox>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-wireframe>
        <velt-comments-sidebar-filter-item-checkbox-checked-wireframe></velt-comments-sidebar-filter-item-checkbox-checked-wireframe>
        <velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe></velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe>
    </velt-comments-sidebar-filter-item-checkbox-wireframe>
</velt-wireframe>

Checked (Panel Filter Involved Item Checkbox)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Involved.Item.Checkbox.Checked />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-checked-wireframe></velt-comments-sidebar-filter-item-checkbox-checked-wireframe>
</velt-wireframe>

Unchecked (Panel Filter Involved Item Checkbox)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Involved.Item.Checkbox.Unchecked />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe></velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe>
</velt-wireframe>

Name (Panel Filter Involved Item)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Involved.Item.Name />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-item-name-wireframe></velt-comments-sidebar-filter-item-name-wireframe>
</velt-wireframe>

Count (Panel Filter Involved Item)

React / Next.js

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Involved.Item.Count />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
    <velt-comments-sidebar-filter-item-count-wireframe></velt-comments-sidebar-filter-item-count-wireframe>
</velt-wireframe>

People (Panel Filter)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.People>
    <VeltCommentsSidebarWireframe.Filter.People.Name />
    <VeltCommentsSidebarWireframe.Filter.People.Search />
    <VeltCommentsSidebarWireframe.Filter.People.Item />
  </VeltCommentsSidebarWireframe.Filter.People>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
	<velt-comments-sidebar-filter-people-wireframe>
		<velt-comments-sidebar-filter-name-wireframe></velt-comments-sidebar-filter-name-wireframe>
    <velt-comments-sidebar-filter-search-wireframe></velt-comments-sidebar-filter-search-wireframe>
    <velt-comments-sidebar-filter-item-wireframe></velt-comments-sidebar-filter-item-wireframe>
  </velt-comments-sidebar-filter-people-wireframe>
</velt-wireframe>

Name (Panel Filter People)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.People.Name />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-name-wireframe></velt-comments-sidebar-filter-name-wireframe>
</velt-wireframe>

Search (Panel Filter People)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.People.Search>
    <VeltCommentsSidebarWireframe.Filter.People.Search.Tags />
    <VeltCommentsSidebarWireframe.Filter.People.Search.HiddenCount />
    <VeltCommentsSidebarWireframe.Filter.People.Search.Input />
    <VeltCommentsSidebarWireframe.Filter.People.Search.DropdownIcon />
  </VeltCommentsSidebarWireframe.Filter.People.Search>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-wireframe>
    <velt-comments-sidebar-filter-search-tags-wireframe></velt-comments-sidebar-filter-search-tags-wireframe>
    <velt-comments-sidebar-filter-search-hidden-count-wireframe></velt-comments-sidebar-filter-search-hidden-count-wireframe>
    <velt-comments-sidebar-filter-search-input-wireframe></velt-comments-sidebar-filter-search-input-wireframe>
    <velt-comments-sidebar-filter-search-dropdown-icon-wireframe></velt-comments-sidebar-filter-search-dropdown-icon-wireframe>
  </velt-comments-sidebar-filter-search-wireframe>
</velt-wireframe>

Tags (Panel Filter People Search)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.People.Search.Tags>
    <VeltCommentsSidebarWireframe.Filter.People.Search.Tags.Item />
  </VeltCommentsSidebarWireframe.Filter.People.Search.Tags>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-tags-wireframe>
    <velt-comments-sidebar-filter-search-tags-item-wireframe></velt-comments-sidebar-filter-search-tags-item-wireframe>
  </velt-comments-sidebar-filter-search-tags-wireframe>
</velt-wireframe>

Item (Panel Filter People Search Tags)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.People.Search.Tags.Item>
    <VeltCommentsSidebarWireframe.Filter.People.Search.Tags.Item.Name />
    <VeltCommentsSidebarWireframe.Filter.People.Search.Tags.Item.Close />
  </VeltCommentsSidebarWireframe.Filter.People.Search.Tags.Item>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-tags-item-wireframe>
    <velt-comments-sidebar-filter-search-tags-item-name-wireframe></velt-comments-sidebar-filter-search-tags-item-name-wireframe>
    <velt-comments-sidebar-filter-search-tags-item-close-wireframe></velt-comments-sidebar-filter-search-tags-item-close-wireframe>
  </velt-comments-sidebar-filter-search-tags-item-wireframe>
</velt-wireframe>

Name (Panel Filter People Search Tags Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.People.Search.Tags.Item.Name />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-tags-item-name-wireframe></velt-comments-sidebar-filter-search-tags-item-name-wireframe>
</velt-wireframe>

Close (Panel Filter People Search Tags Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.People.Search.Tags.Item.Close />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-tags-item-close-wireframe></velt-comments-sidebar-filter-search-tags-item-close-wireframe>
</velt-wireframe>

HiddenCount (Panel Filter People Search)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.People.Search.HiddenCount />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-hidden-count-wireframe></velt-comments-sidebar-filter-search-hidden-count-wireframe>
</velt-wireframe>

Input (Panel Filter People Search)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.People.Search.Input />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-input-wireframe></velt-comments-sidebar-filter-search-input-wireframe>
</velt-wireframe>

DropdownIcon (Panel Filter People Search)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.People.Search.DropdownIcon />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-dropdown-icon-wireframe></velt-comments-sidebar-filter-search-dropdown-icon-wireframe>
</velt-wireframe>

Item (Panel Filter People)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.People.Item>
    <VeltCommentsSidebarWireframe.Filter.People.Item.Checkbox />
    <VeltCommentsSidebarWireframe.Filter.People.Item.Name />
    <VeltCommentsSidebarWireframe.Filter.People.Item.Count />
  </VeltCommentsSidebarWireframe.Filter.People.Item>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-wireframe></velt-comments-sidebar-filter-item-checkbox-wireframe>
    <velt-comments-sidebar-filter-item-name-wireframe></velt-comments-sidebar-filter-item-name-wireframe>
    <velt-comments-sidebar-filter-item-count-wireframe></velt-comments-sidebar-filter-item-count-wireframe>
  </velt-comments-sidebar-filter-item-wireframe>
</velt-wireframe>

Checkbox (Panel Filter People Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.People.Item.Checkbox>
    <VeltCommentsSidebarWireframe.Filter.People.Item.Checkbox.Checked />
    <VeltCommentsSidebarWireframe.Filter.People.Item.Checkbox.Unchecked />
  </VeltCommentsSidebarWireframe.Filter.People.Item.Checkbox>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-checkbox-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-checked-wireframe></velt-comments-sidebar-filter-item-checkbox-checked-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe></velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe>
  </velt-comments-sidebar-filter-item-checkbox-wireframe>
</velt-wireframe>

Checked (Panel Filter People Item Checkbox)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.People.Item.Checkbox.Checked />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-checkbox-checked-wireframe></velt-comments-sidebar-filter-item-checkbox-checked-wireframe>
</velt-wireframe>

Unchecked (Panel Filter People Item Checkbox)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.People.Item.Checkbox.Unchecked />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe></velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe>
</velt-wireframe>

Name (Panel Filter People Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.People.Item.Name />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-name-wireframe></velt-comments-sidebar-filter-item-name-wireframe>
</velt-wireframe>

Count (Panel Filter People Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.People.Item.Count />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-count-wireframe></velt-comments-sidebar-filter-item-count-wireframe>
</velt-wireframe>

Tagged (Panel Filter)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Tagged>
    <VeltCommentsSidebarWireframe.Filter.Tagged.Name />
    <VeltCommentsSidebarWireframe.Filter.Tagged.Search />
    <VeltCommentsSidebarWireframe.Filter.Tagged.Item />
  </VeltCommentsSidebarWireframe.Filter.Tagged>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-tagged-wireframe>
    <velt-comments-sidebar-filter-name-wireframe></velt-comments-sidebar-filter-name-wireframe>
    <velt-comments-sidebar-filter-search-wireframe></velt-comments-sidebar-filter-search-wireframe>
    <velt-comments-sidebar-filter-item-wireframe></velt-comments-sidebar-filter-item-wireframe>
  </velt-comments-sidebar-filter-tagged-wireframe>
</velt-wireframe>

Name (Panel Filter Tagged)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Tagged.Name />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-name-wireframe></velt-comments-sidebar-filter-name-wireframe>
</velt-wireframe>

Search (Panel Filter Tagged)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Tagged.Search>
    <VeltCommentsSidebarWireframe.Filter.Tagged.Search.Tags />
    <VeltCommentsSidebarWireframe.Filter.Tagged.Search.HiddenCount />
    <VeltCommentsSidebarWireframe.Filter.Tagged.Search.Input />
    <VeltCommentsSidebarWireframe.Filter.Tagged.Search.DropdownIcon />
  </VeltCommentsSidebarWireframe.Filter.Tagged.Search>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-wireframe>
    <velt-comments-sidebar-filter-search-tags-wireframe></velt-comments-sidebar-filter-search-tags-wireframe>
    <velt-comments-sidebar-filter-search-hidden-count-wireframe></velt-comments-sidebar-filter-search-hidden-count-wireframe>
    <velt-comments-sidebar-filter-search-input-wireframe></velt-comments-sidebar-filter-search-input-wireframe>
    <velt-comments-sidebar-filter-search-dropdown-icon-wireframe></velt-comments-sidebar-filter-search-dropdown-icon-wireframe>
  </velt-comments-sidebar-filter-search-wireframe>
</velt-wireframe>

Tags (Panel Filter Tagged Search)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Tagged.Search.Tags>
    <VeltCommentsSidebarWireframe.Filter.Tagged.Search.Tags.Item />
  </VeltCommentsSidebarWireframe.Filter.Tagged.Search.Tags>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-tags-wireframe>
    <velt-comments-sidebar-filter-search-tags-item-wireframe></velt-comments-sidebar-filter-search-tags-item-wireframe>
  </velt-comments-sidebar-filter-search-tags-wireframe>
</velt-wireframe>

Item (Panel Filter Tagged Search Tags)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Tagged.Search.Tags.Item>
    <VeltCommentsSidebarWireframe.Filter.Tagged.Search.Tags.Item.Name />
    <VeltCommentsSidebarWireframe.Filter.Tagged.Search.Tags.Item.Close />
  </VeltCommentsSidebarWireframe.Filter.Tagged.Search.Tags.Item>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-tags-item-wireframe>
    <velt-comments-sidebar-filter-search-tags-item-name-wireframe></velt-comments-sidebar-filter-search-tags-item-name-wireframe>
    <velt-comments-sidebar-filter-search-tags-item-close-wireframe></velt-comments-sidebar-filter-search-tags-item-close-wireframe>
  </velt-comments-sidebar-filter-search-tags-item-wireframe>
</velt-wireframe>

Name (Panel Filter Tagged Search Tags Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Tagged.Search.Tags.Item.Name />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-tags-item-name-wireframe></velt-comments-sidebar-filter-search-tags-item-name-wireframe>
</velt-wireframe>

Close (Panel Filter Tagged Search Tags Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Tagged.Search.Tags.Item.Close />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-tags-item-close-wireframe></velt-comments-sidebar-filter-search-tags-item-close-wireframe>
</velt-wireframe>

HiddenCount (Panel Filter Tagged Search)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Tagged.Search.HiddenCount />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-hidden-count-wireframe></velt-comments-sidebar-filter-search-hidden-count-wireframe>
</velt-wireframe>

Input (Panel Filter Tagged Search)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Tagged.Search.Input />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-input-wireframe></velt-comments-sidebar-filter-search-input-wireframe>
</velt-wireframe>

DropdownIcon (Panel Filter Tagged Search)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Tagged.Search.DropdownIcon />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-dropdown-icon-wireframe></velt-comments-sidebar-filter-search-dropdown-icon-wireframe>
</velt-wireframe>

Item (Panel Filter Tagged)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Tagged.Item>
    <VeltCommentsSidebarWireframe.Filter.Tagged.Item.Checkbox />
    <VeltCommentsSidebarWireframe.Filter.Tagged.Item.Name />
    <VeltCommentsSidebarWireframe.Filter.Tagged.Item.Count />
  </VeltCommentsSidebarWireframe.Filter.Tagged.Item>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-wireframe></velt-comments-sidebar-filter-item-checkbox-wireframe>
    <velt-comments-sidebar-filter-item-name-wireframe></velt-comments-sidebar-filter-item-name-wireframe>
    <velt-comments-sidebar-filter-item-count-wireframe></velt-comments-sidebar-filter-item-count-wireframe>
  </velt-comments-sidebar-filter-item-wireframe>
</velt-wireframe>

Checkbox (Panel Filter Tagged Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Tagged.Item.Checkbox>
    <VeltCommentsSidebarWireframe.Filter.Tagged.Item.Checkbox.Checked />
    <VeltCommentsSidebarWireframe.Filter.Tagged.Item.Checkbox.Unchecked />
  </VeltCommentsSidebarWireframe.Filter.Tagged.Item.Checkbox>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-checkbox-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-checked-wireframe></velt-comments-sidebar-filter-item-checkbox-checked-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe></velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe>
  </velt-comments-sidebar-filter-item-checkbox-wireframe>
</velt-wireframe>

Checked (Panel Filter Tagged Item Checkbox)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Tagged.Item.Checkbox.Checked />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-checkbox-checked-wireframe></velt-comments-sidebar-filter-item-checkbox-checked-wireframe>
</velt-wireframe>

Unchecked (Panel Filter Tagged Item Checkbox)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Tagged.Item.Checkbox.Unchecked />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe></velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe>
</velt-wireframe>

Name (Panel Filter Tagged Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Tagged.Item.Name />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-name-wireframe></velt-comments-sidebar-filter-item-name-wireframe>
</velt-wireframe>

Count (Panel Filter Tagged Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Tagged.Item.Count />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-count-wireframe></velt-comments-sidebar-filter-item-count-wireframe>
</velt-wireframe>

Assigned (Panel Filter)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Assigned>
    <VeltCommentsSidebarWireframe.Filter.Assigned.Name />
    <VeltCommentsSidebarWireframe.Filter.Assigned.Search />
    <VeltCommentsSidebarWireframe.Filter.Assigned.Item />
  </VeltCommentsSidebarWireframe.Filter.Assigned>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-assigned-wireframe>
    <velt-comments-sidebar-filter-name-wireframe></velt-comments-sidebar-filter-name-wireframe>
    <velt-comments-sidebar-filter-search-wireframe></velt-comments-sidebar-filter-search-wireframe>
    <velt-comments-sidebar-filter-item-wireframe></velt-comments-sidebar-filter-item-wireframe>
  </velt-comments-sidebar-filter-assigned-wireframe>
</velt-wireframe>

Name (Panel Filter Assigned)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Assigned.Name />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-name-wireframe></velt-comments-sidebar-filter-name-wireframe>
</velt-wireframe>

Search (Panel Filter Assigned)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Assigned.Search>
    <VeltCommentsSidebarWireframe.Filter.Assigned.Search.Tags />
    <VeltCommentsSidebarWireframe.Filter.Assigned.Search.HiddenCount />
    <VeltCommentsSidebarWireframe.Filter.Assigned.Search.Input />
    <VeltCommentsSidebarWireframe.Filter.Assigned.Search.DropdownIcon />
  </VeltCommentsSidebarWireframe.Filter.Assigned.Search>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-wireframe>
    <velt-comments-sidebar-filter-search-tags-wireframe></velt-comments-sidebar-filter-search-tags-wireframe>
    <velt-comments-sidebar-filter-search-hidden-count-wireframe></velt-comments-sidebar-filter-search-hidden-count-wireframe>
    <velt-comments-sidebar-filter-search-input-wireframe></velt-comments-sidebar-filter-search-input-wireframe>
    <velt-comments-sidebar-filter-search-dropdown-icon-wireframe></velt-comments-sidebar-filter-search-dropdown-icon-wireframe>
  </velt-comments-sidebar-filter-search-wireframe>
</velt-wireframe>

Tags (Panel Filter Assigned Search)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Assigned.Search.Tags>
    <VeltCommentsSidebarWireframe.Filter.Assigned.Search.Tags.Item />
  </VeltCommentsSidebarWireframe.Filter.Assigned.Search.Tags>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-tags-wireframe>
    <velt-comments-sidebar-filter-search-tags-item-wireframe></velt-comments-sidebar-filter-search-tags-item-wireframe>
  </velt-comments-sidebar-filter-search-tags-wireframe>
</velt-wireframe>

Item (Panel Filter Assigned Search Tags)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Assigned.Search.Tags.Item>
    <VeltCommentsSidebarWireframe.Filter.Assigned.Search.Tags.Item.Name />
    <VeltCommentsSidebarWireframe.Filter.Assigned.Search.Tags.Item.Close />
  </VeltCommentsSidebarWireframe.Filter.Assigned.Search.Tags.Item>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-tags-item-wireframe>
    <velt-comments-sidebar-filter-search-tags-item-name-wireframe></velt-comments-sidebar-filter-search-tags-item-name-wireframe>
    <velt-comments-sidebar-filter-search-tags-item-close-wireframe></velt-comments-sidebar-filter-search-tags-item-close-wireframe>
  </velt-comments-sidebar-filter-search-tags-item-wireframe>
</velt-wireframe>

Name (Panel Filter Assigned Search Tags Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Assigned.Search.Tags.Item.Name />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-tags-item-name-wireframe></velt-comments-sidebar-filter-search-tags-item-name-wireframe>
</velt-wireframe>

Close (Panel Filter Assigned Search Tags Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Assigned.Search.Tags.Item.Close />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-tags-item-close-wireframe></velt-comments-sidebar-filter-search-tags-item-close-wireframe>
</velt-wireframe>

HiddenCount (Panel Filter Assigned Search)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Assigned.Search.HiddenCount />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-hidden-count-wireframe></velt-comments-sidebar-filter-search-hidden-count-wireframe>
</velt-wireframe>

Input (Panel Filter Assigned Search)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Assigned.Search.Input />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-input-wireframe></velt-comments-sidebar-filter-search-input-wireframe>
</velt-wireframe>

DropdownIcon (Panel Filter Assigned Search)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Assigned.Search.DropdownIcon />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-dropdown-icon-wireframe></velt-comments-sidebar-filter-search-dropdown-icon-wireframe>
</velt-wireframe>

Item (Panel Filter Assigned)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Assigned.Item>
    <VeltCommentsSidebarWireframe.Filter.Assigned.Item.Checkbox />
    <VeltCommentsSidebarWireframe.Filter.Assigned.Item.Name />
    <VeltCommentsSidebarWireframe.Filter.Assigned.Item.Count />
  </VeltCommentsSidebarWireframe.Filter.Assigned.Item>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-wireframe></velt-comments-sidebar-filter-item-checkbox-wireframe>
    <velt-comments-sidebar-filter-item-name-wireframe></velt-comments-sidebar-filter-item-name-wireframe>
    <velt-comments-sidebar-filter-item-count-wireframe></velt-comments-sidebar-filter-item-count-wireframe>
  </velt-comments-sidebar-filter-item-wireframe>
</velt-wireframe>

Checkbox (Panel Filter Assigned Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Assigned.Item.Checkbox>
    <VeltCommentsSidebarWireframe.Filter.Assigned.Item.Checkbox.Checked />
    <VeltCommentsSidebarWireframe.Filter.Assigned.Item.Checkbox.Unchecked />
  </VeltCommentsSidebarWireframe.Filter.Assigned.Item.Checkbox>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-checkbox-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-checked-wireframe></velt-comments-sidebar-filter-item-checkbox-checked-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe></velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe>
  </velt-comments-sidebar-filter-item-checkbox-wireframe>
</velt-wireframe>

Checked (Panel Filter Assigned Item Checkbox)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Assigned.Item.Checkbox.Checked />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-checkbox-checked-wireframe></velt-comments-sidebar-filter-item-checkbox-checked-wireframe>
</velt-wireframe>

Unchecked (Panel Filter Assigned Item Checkbox)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Assigned.Item.Checkbox.Unchecked />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe></velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe>
</velt-wireframe>

Name (Panel Filter Assigned Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Assigned.Item.Name />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-name-wireframe></velt-comments-sidebar-filter-item-name-wireframe>
</velt-wireframe>

Count (Panel Filter Assigned Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Assigned.Item.Count />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-count-wireframe></velt-comments-sidebar-filter-item-count-wireframe>
</velt-wireframe>

Custom (Panel Filter)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Custom id='filter-id'>
    <VeltCommentsSidebarWireframe.Filter.Custom.Name />
    <VeltCommentsSidebarWireframe.Filter.Custom.Search />
    <VeltCommentsSidebarWireframe.Filter.Custom.Item />
  </VeltCommentsSidebarWireframe.Filter.Custom>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-custom-wireframe id="filter-id">
    <velt-comments-sidebar-filter-name-wireframe></velt-comments-sidebar-filter-name-wireframe>
    <velt-comments-sidebar-filter-search-wireframe></velt-comments-sidebar-filter-search-wireframe>
    <velt-comments-sidebar-filter-item-wireframe></velt-comments-sidebar-filter-item-wireframe>
  </velt-comments-sidebar-filter-custom-wireframe>
</velt-wireframe>

Name (Panel Filter Custom)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Custom.Name />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-name-wireframe></velt-comments-sidebar-filter-name-wireframe>
</velt-wireframe>

Search (Panel Filter Custom)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Custom.Search>
    <VeltCommentsSidebarWireframe.Filter.Custom.Search.Tags />
    <VeltCommentsSidebarWireframe.Filter.Custom.Search.HiddenCount />
    <VeltCommentsSidebarWireframe.Filter.Custom.Search.Input />
    <VeltCommentsSidebarWireframe.Filter.Custom.Search.DropdownIcon />
  </VeltCommentsSidebarWireframe.Filter.Custom.Search>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-wireframe>
    <velt-comments-sidebar-filter-search-tags-wireframe></velt-comments-sidebar-filter-search-tags-wireframe>
    <velt-comments-sidebar-filter-search-hidden-count-wireframe></velt-comments-sidebar-filter-search-hidden-count-wireframe>
    <velt-comments-sidebar-filter-search-input-wireframe></velt-comments-sidebar-filter-search-input-wireframe>
    <velt-comments-sidebar-filter-search-dropdown-icon-wireframe></velt-comments-sidebar-filter-search-dropdown-icon-wireframe>
  </velt-comments-sidebar-filter-search-wireframe>
</velt-wireframe>

Tags (Panel Filter Custom Search)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Custom.Search.Tags>
    <VeltCommentsSidebarWireframe.Filter.Custom.Search.Tags.Item />
  </VeltCommentsSidebarWireframe.Filter.Custom.Search.Tags>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-tags-wireframe>
    <velt-comments-sidebar-filter-search-tags-item-wireframe></velt-comments-sidebar-filter-search-tags-item-wireframe>
  </velt-comments-sidebar-filter-search-tags-wireframe>
</velt-wireframe>

Item (Panel Filter Custom Search Tags)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Custom.Search.Tags.Item>
    <VeltCommentsSidebarWireframe.Filter.Custom.Search.Tags.Item.Name />
    <VeltCommentsSidebarWireframe.Filter.Custom.Search.Tags.Item.Close />
  </VeltCommentsSidebarWireframe.Filter.Custom.Search.Tags.Item>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-tags-item-wireframe>
    <velt-comments-sidebar-filter-search-tags-item-name-wireframe></velt-comments-sidebar-filter-search-tags-item-name-wireframe>
    <velt-comments-sidebar-filter-search-tags-item-close-wireframe></velt-comments-sidebar-filter-search-tags-item-close-wireframe>
  </velt-comments-sidebar-filter-search-tags-item-wireframe>
</velt-wireframe>

Name (Panel Filter Custom Search Tags Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Custom.Search.Tags.Item.Name />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-tags-item-name-wireframe></velt-comments-sidebar-filter-search-tags-item-name-wireframe>
</velt-wireframe>

Close (Panel Filter Custom Search Tags Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Custom.Search.Tags.Item.Close />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-tags-item-close-wireframe></velt-comments-sidebar-filter-search-tags-item-close-wireframe>
</velt-wireframe>

HiddenCount (Panel Filter Custom Search)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Custom.Search.HiddenCount />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-hidden-count-wireframe></velt-comments-sidebar-filter-search-hidden-count-wireframe>
</velt-wireframe>

Input (Panel Filter Custom Search)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Custom.Search.Input />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-input-wireframe></velt-comments-sidebar-filter-search-input-wireframe>
</velt-wireframe>

DropdownIcon (Panel Filter Custom Search)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Custom.Search.DropdownIcon />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-dropdown-icon-wireframe></velt-comments-sidebar-filter-search-dropdown-icon-wireframe>
</velt-wireframe>

Item (Panel Filter Custom)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Custom.Item>
    <VeltCommentsSidebarWireframe.Filter.Custom.Item.Checkbox />
    <VeltCommentsSidebarWireframe.Filter.Custom.Item.Name />
    <VeltCommentsSidebarWireframe.Filter.Custom.Item.Count />
  </VeltCommentsSidebarWireframe.Filter.Custom.Item>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-wireframe></velt-comments-sidebar-filter-item-checkbox-wireframe>
    <velt-comments-sidebar-filter-item-name-wireframe></velt-comments-sidebar-filter-item-name-wireframe>
    <velt-comments-sidebar-filter-item-count-wireframe></velt-comments-sidebar-filter-item-count-wireframe>
  </velt-comments-sidebar-filter-item-wireframe>
</velt-wireframe>

Checkbox (Panel Filter Custom Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Custom.Item.Checkbox>
    <VeltCommentsSidebarWireframe.Filter.Custom.Item.Checkbox.Checked />
    <VeltCommentsSidebarWireframe.Filter.Custom.Item.Checkbox.Unchecked />
  </VeltCommentsSidebarWireframe.Filter.Custom.Item.Checkbox>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-checkbox-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-checked-wireframe></velt-comments-sidebar-filter-item-checkbox-checked-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe></velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe>
  </velt-comments-sidebar-filter-item-checkbox-wireframe>
</velt-wireframe>

Checked (Panel Filter Custom Item Checkbox)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Custom.Item.Checkbox.Checked />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-checkbox-checked-wireframe></velt-comments-sidebar-filter-item-checkbox-checked-wireframe>
</velt-wireframe>

Unchecked (Panel Filter Custom Item Checkbox)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Custom.Item.Checkbox.Unchecked />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe></velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe>
</velt-wireframe>

Name (Panel Filter Custom Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Custom.Item.Name />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-name-wireframe></velt-comments-sidebar-filter-item-name-wireframe>
</velt-wireframe>

Count (Panel Filter Custom Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Custom.Item.Count />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-count-wireframe></velt-comments-sidebar-filter-item-count-wireframe>
</velt-wireframe>

Category (Panel Filter)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Category>
    <VeltCommentsSidebarWireframe.Filter.Category.Name />
    <VeltCommentsSidebarWireframe.Filter.Category.Search />
    <VeltCommentsSidebarWireframe.Filter.Category.Item />
  </VeltCommentsSidebarWireframe.Filter.Category>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-category-wireframe>
    <velt-comments-sidebar-filter-name-wireframe></velt-comments-sidebar-filter-name-wireframe>
    <velt-comments-sidebar-filter-search-wireframe></velt-comments-sidebar-filter-search-wireframe>
    <velt-comments-sidebar-filter-item-wireframe></velt-comments-sidebar-filter-item-wireframe>
  </velt-comments-sidebar-filter-category-wireframe>
</velt-wireframe>

Name (Panel Filter Category)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Category.Name />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-name-wireframe></velt-comments-sidebar-filter-name-wireframe>
</velt-wireframe>

Search (Panel Filter Category)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Category.Search>
    <VeltCommentsSidebarWireframe.Filter.Category.Search.Tags />
    <VeltCommentsSidebarWireframe.Filter.Category.Search.HiddenCount />
    <VeltCommentsSidebarWireframe.Filter.Category.Search.Input />
    <VeltCommentsSidebarWireframe.Filter.Category.Search.DropdownIcon />
  </VeltCommentsSidebarWireframe.Filter.Category.Search>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-wireframe>
    <velt-comments-sidebar-filter-search-tags-wireframe></velt-comments-sidebar-filter-search-tags-wireframe>
    <velt-comments-sidebar-filter-search-hidden-count-wireframe></velt-comments-sidebar-filter-search-hidden-count-wireframe>
    <velt-comments-sidebar-filter-search-input-wireframe></velt-comments-sidebar-filter-search-input-wireframe>
    <velt-comments-sidebar-filter-search-dropdown-icon-wireframe></velt-comments-sidebar-filter-search-dropdown-icon-wireframe>
  </velt-comments-sidebar-filter-search-wireframe>
</velt-wireframe>

Tags (Panel Filter Category Search)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Category.Search.Tags>
    <VeltCommentsSidebarWireframe.Filter.Category.Search.Tags.Item />
  </VeltCommentsSidebarWireframe.Filter.Category.Search.Tags>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-tags-wireframe>
    <velt-comments-sidebar-filter-search-tags-item-wireframe></velt-comments-sidebar-filter-search-tags-item-wireframe>
  </velt-comments-sidebar-filter-search-tags-wireframe>
</velt-wireframe>

Item (Panel Filter Category Search Tags)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Category.Search.Tags.Item>
    <VeltCommentsSidebarWireframe.Filter.Category.Search.Tags.Item.Name />
    <VeltCommentsSidebarWireframe.Filter.Category.Search.Tags.Item.Close />
  </VeltCommentsSidebarWireframe.Filter.Category.Search.Tags.Item>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-tags-item-wireframe>
    <velt-comments-sidebar-filter-search-tags-item-name-wireframe></velt-comments-sidebar-filter-search-tags-item-name-wireframe>
    <velt-comments-sidebar-filter-search-tags-item-close-wireframe></velt-comments-sidebar-filter-search-tags-item-close-wireframe>
  </velt-comments-sidebar-filter-search-tags-item-wireframe>
</velt-wireframe>

Name (Panel Filter Category Search Tags Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Category.Search.Tags.Item.Name />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-tags-item-name-wireframe></velt-comments-sidebar-filter-search-tags-item-name-wireframe>
</velt-wireframe>

Close (Panel Filter Category Search Tags Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Category.Search.Tags.Item.Close />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-tags-item-close-wireframe></velt-comments-sidebar-filter-search-tags-item-close-wireframe>
</velt-wireframe>

HiddenCount (Panel Filter Category Search)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Category.Search.HiddenCount />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-hidden-count-wireframe></velt-comments-sidebar-filter-search-hidden-count-wireframe>
</velt-wireframe>

Input (Panel Filter Category Search)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Category.Search.Input />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-input-wireframe></velt-comments-sidebar-filter-search-input-wireframe>
</velt-wireframe>

DropdownIcon (Panel Filter Category Search)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Category.Search.DropdownIcon />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-dropdown-icon-wireframe></velt-comments-sidebar-filter-search-dropdown-icon-wireframe>
</velt-wireframe>

Item (Panel Filter Category)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Category.Item>
    <VeltCommentsSidebarWireframe.Filter.Category.Item.Checkbox />
    <VeltCommentsSidebarWireframe.Filter.Category.Item.Name />
    <VeltCommentsSidebarWireframe.Filter.Category.Item.Count />
  </VeltCommentsSidebarWireframe.Filter.Category.Item>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-wireframe></velt-comments-sidebar-filter-item-checkbox-wireframe>
    <velt-comments-sidebar-filter-item-name-wireframe></velt-comments-sidebar-filter-item-name-wireframe>
    <velt-comments-sidebar-filter-item-count-wireframe></velt-comments-sidebar-filter-item-count-wireframe>
  </velt-comments-sidebar-filter-item-wireframe>
</velt-wireframe>

Checkbox (Panel Filter Category Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Category.Item.Checkbox>
    <VeltCommentsSidebarWireframe.Filter.Category.Item.Checkbox.Checked />
    <VeltCommentsSidebarWireframe.Filter.Category.Item.Checkbox.Unchecked />
  </VeltCommentsSidebarWireframe.Filter.Category.Item.Checkbox>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-checkbox-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-checked-wireframe></velt-comments-sidebar-filter-item-checkbox-checked-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe></velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe>
  </velt-comments-sidebar-filter-item-checkbox-wireframe>
</velt-wireframe>

Checked (Panel Filter Category Item Checkbox)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Category.Item.Checkbox.Checked />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-checkbox-checked-wireframe></velt-comments-sidebar-filter-item-checkbox-checked-wireframe>
</velt-wireframe>

Unchecked (Panel Filter Category Item Checkbox)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Category.Item.Checkbox.Unchecked />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe></velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe>
</velt-wireframe>

Name (Panel Filter Category Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Category.Item.Name />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-name-wireframe></velt-comments-sidebar-filter-item-name-wireframe>
</velt-wireframe>

Count (Panel Filter Category Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Category.Item.Count />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-count-wireframe></velt-comments-sidebar-filter-item-count-wireframe>
</velt-wireframe>

Priority (Panel Filter)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Priority>
    <VeltCommentsSidebarWireframe.Filter.Priority.Name />
    <VeltCommentsSidebarWireframe.Filter.Priority.Search />
    <VeltCommentsSidebarWireframe.Filter.Priority.Item />
  </VeltCommentsSidebarWireframe.Filter.Priority>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-priority-wireframe>
    <velt-comments-sidebar-filter-name-wireframe></velt-comments-sidebar-filter-name-wireframe>
    <velt-comments-sidebar-filter-search-wireframe></velt-comments-sidebar-filter-search-wireframe>
    <velt-comments-sidebar-filter-item-wireframe></velt-comments-sidebar-filter-item-wireframe>
  </velt-comments-sidebar-filter-priority-wireframe>
</velt-wireframe>

Name (Panel Filter Priority)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Priority.Name />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-name-wireframe></velt-comments-sidebar-filter-name-wireframe>
</velt-wireframe>

Search (Panel Filter Priority)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Priority.Search>
    <VeltCommentsSidebarWireframe.Filter.Priority.Search.Tags />
    <VeltCommentsSidebarWireframe.Filter.Priority.Search.HiddenCount />
    <VeltCommentsSidebarWireframe.Filter.Priority.Search.Input />
    <VeltCommentsSidebarWireframe.Filter.Priority.Search.DropdownIcon />
  </VeltCommentsSidebarWireframe.Filter.Priority.Search>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-wireframe>
    <velt-comments-sidebar-filter-search-tags-wireframe></velt-comments-sidebar-filter-search-tags-wireframe>
    <velt-comments-sidebar-filter-search-hidden-count-wireframe></velt-comments-sidebar-filter-search-hidden-count-wireframe>
    <velt-comments-sidebar-filter-search-input-wireframe></velt-comments-sidebar-filter-search-input-wireframe>
    <velt-comments-sidebar-filter-search-dropdown-icon-wireframe></velt-comments-sidebar-filter-search-dropdown-icon-wireframe>
  </velt-comments-sidebar-filter-search-wireframe>
</velt-wireframe>

Tags (Panel Filter Priority Search)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Priority.Search.Tags>
    <VeltCommentsSidebarWireframe.Filter.Priority.Search.Tags.Item />
  </VeltCommentsSidebarWireframe.Filter.Priority.Search.Tags>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-tags-wireframe>
    <velt-comments-sidebar-filter-search-tags-item-wireframe></velt-comments-sidebar-filter-search-tags-item-wireframe>
  </velt-comments-sidebar-filter-search-tags-wireframe>
</velt-wireframe>

Item (Panel Filter Priority Search Tags)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Priority.Search.Tags.Item>
    <VeltCommentsSidebarWireframe.Filter.Priority.Search.Tags.Item.Name />
    <VeltCommentsSidebarWireframe.Filter.Priority.Search.Tags.Item.Close />
  </VeltCommentsSidebarWireframe.Filter.Priority.Search.Tags.Item>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-tags-item-wireframe>
    <velt-comments-sidebar-filter-search-tags-item-name-wireframe></velt-comments-sidebar-filter-search-tags-item-name-wireframe>
    <velt-comments-sidebar-filter-search-tags-item-close-wireframe></velt-comments-sidebar-filter-search-tags-item-close-wireframe>
  </velt-comments-sidebar-filter-search-tags-item-wireframe>
</velt-wireframe>

Name (Panel Filter Priority Search Tags Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Priority.Search.Tags.Item.Name />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-tags-item-name-wireframe></velt-comments-sidebar-filter-search-tags-item-name-wireframe>
</velt-wireframe>

Close (Panel Filter Priority Search Tags Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Priority.Search.Tags.Item.Close />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-tags-item-close-wireframe></velt-comments-sidebar-filter-search-tags-item-close-wireframe>
</velt-wireframe>

HiddenCount (Panel Filter Priority Search)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Priority.Search.HiddenCount />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-hidden-count-wireframe></velt-comments-sidebar-filter-search-hidden-count-wireframe>
</velt-wireframe>

Input (Panel Filter Priority Search)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Priority.Search.Input />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-input-wireframe></velt-comments-sidebar-filter-search-input-wireframe>
</velt-wireframe>

DropdownIcon (Panel Filter Priority Search)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Priority.Search.DropdownIcon />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-dropdown-icon-wireframe></velt-comments-sidebar-filter-search-dropdown-icon-wireframe>
</velt-wireframe>

Item (Panel Filter Priority)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Priority.Item>
    <VeltCommentsSidebarWireframe.Filter.Priority.Item.Checkbox />
    <VeltCommentsSidebarWireframe.Filter.Priority.Item.Name />
    <VeltCommentsSidebarWireframe.Filter.Priority.Item.Count />
  </VeltCommentsSidebarWireframe.Filter.Priority.Item>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-wireframe></velt-comments-sidebar-filter-item-checkbox-wireframe>
    <velt-comments-sidebar-filter-item-name-wireframe></velt-comments-sidebar-filter-item-name-wireframe>
    <velt-comments-sidebar-filter-item-count-wireframe></velt-comments-sidebar-filter-item-count-wireframe>
  </velt-comments-sidebar-filter-item-wireframe>
</velt-wireframe>

Checkbox (Panel Filter Priority Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Priority.Item.Checkbox>
    <VeltCommentsSidebarWireframe.Filter.Priority.Item.Checkbox.Checked />
    <VeltCommentsSidebarWireframe.Filter.Priority.Item.Checkbox.Unchecked />
  </VeltCommentsSidebarWireframe.Filter.Priority.Item.Checkbox>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-checkbox-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-checked-wireframe></velt-comments-sidebar-filter-item-checkbox-checked-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe></velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe>
  </velt-comments-sidebar-filter-item-checkbox-wireframe>
</velt-wireframe>

Checked (Panel Filter Priority Item Checkbox)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Priority.Item.Checkbox.Checked />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-checkbox-checked-wireframe></velt-comments-sidebar-filter-item-checkbox-checked-wireframe>
</velt-wireframe>

Unchecked (Panel Filter Priority Item Checkbox)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Priority.Item.Checkbox.Unchecked />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe></velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe>
</velt-wireframe>

Name (Panel Filter Priority Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Priority.Item.Name />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-name-wireframe></velt-comments-sidebar-filter-item-name-wireframe>
</velt-wireframe>

Count (Panel Filter Priority Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Priority.Item.Count />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-count-wireframe></velt-comments-sidebar-filter-item-count-wireframe>
</velt-wireframe>

Status (Panel Filter)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Status>
    <VeltCommentsSidebarWireframe.Filter.Status.Name />
    <VeltCommentsSidebarWireframe.Filter.Status.Search />
    <VeltCommentsSidebarWireframe.Filter.Status.Item />
  </VeltCommentsSidebarWireframe.Filter.Status>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-status-wireframe>
    <velt-comments-sidebar-filter-name-wireframe></velt-comments-sidebar-filter-name-wireframe>
    <velt-comments-sidebar-filter-search-wireframe></velt-comments-sidebar-filter-search-wireframe>
    <velt-comments-sidebar-filter-item-wireframe></velt-comments-sidebar-filter-item-wireframe>
  </velt-comments-sidebar-filter-status-wireframe>
</velt-wireframe>

Name (Panel Filter Status)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Status.Name />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-name-wireframe></velt-comments-sidebar-filter-name-wireframe>
</velt-wireframe>

Search (Panel Filter Status)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Status.Search>
    <VeltCommentsSidebarWireframe.Filter.Status.Search.Tags />
    <VeltCommentsSidebarWireframe.Filter.Status.Search.HiddenCount />
    <VeltCommentsSidebarWireframe.Filter.Status.Search.Input />
    <VeltCommentsSidebarWireframe.Filter.Status.Search.DropdownIcon />
  </VeltCommentsSidebarWireframe.Filter.Status.Search>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-wireframe>
    <velt-comments-sidebar-filter-search-tags-wireframe></velt-comments-sidebar-filter-search-tags-wireframe>
    <velt-comments-sidebar-filter-search-hidden-count-wireframe></velt-comments-sidebar-filter-search-hidden-count-wireframe>
    <velt-comments-sidebar-filter-search-input-wireframe></velt-comments-sidebar-filter-search-input-wireframe>
    <velt-comments-sidebar-filter-search-dropdown-icon-wireframe></velt-comments-sidebar-filter-search-dropdown-icon-wireframe>
  </velt-comments-sidebar-filter-search-wireframe>
</velt-wireframe>

Tags (Panel Filter Status Search)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Status.Search.Tags>
    <VeltCommentsSidebarWireframe.Filter.Status.Search.Tags.Item />
  </VeltCommentsSidebarWireframe.Filter.Status.Search.Tags>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-tags-wireframe>
    <velt-comments-sidebar-filter-search-tags-item-wireframe></velt-comments-sidebar-filter-search-tags-item-wireframe>
  </velt-comments-sidebar-filter-search-tags-wireframe>
</velt-wireframe>

Item (Panel Filter Status Search Tags)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Status.Search.Tags.Item>
    <VeltCommentsSidebarWireframe.Filter.Status.Search.Tags.Item.Name />
    <VeltCommentsSidebarWireframe.Filter.Status.Search.Tags.Item.Close />
  </VeltCommentsSidebarWireframe.Filter.Status.Search.Tags.Item>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-tags-item-wireframe>
    <velt-comments-sidebar-filter-search-tags-item-name-wireframe></velt-comments-sidebar-filter-search-tags-item-name-wireframe>
    <velt-comments-sidebar-filter-search-tags-item-close-wireframe></velt-comments-sidebar-filter-search-tags-item-close-wireframe>
  </velt-comments-sidebar-filter-search-tags-item-wireframe>
</velt-wireframe>

Name (Panel Filter Status Search Tags Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Status.Search.Tags.Item.Name />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-tags-item-name-wireframe></velt-comments-sidebar-filter-search-tags-item-name-wireframe>
</velt-wireframe>

Close (Panel Filter Status Search Tags Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Status.Search.Tags.Item.Close />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-tags-item-close-wireframe></velt-comments-sidebar-filter-search-tags-item-close-wireframe>
</velt-wireframe>

HiddenCount (Panel Filter Status Search)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Status.Search.HiddenCount />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-hidden-count-wireframe></velt-comments-sidebar-filter-search-hidden-count-wireframe>
</velt-wireframe>

Input (Panel Filter Status Search)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Status.Search.Input />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-input-wireframe></velt-comments-sidebar-filter-search-input-wireframe>
</velt-wireframe>

DropdownIcon (Panel Filter Status Search)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Status.Search.DropdownIcon />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-dropdown-icon-wireframe></velt-comments-sidebar-filter-search-dropdown-icon-wireframe>
</velt-wireframe>

Item (Panel Filter Status)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Status.Item>
    <VeltCommentsSidebarWireframe.Filter.Status.Item.Checkbox />
    <VeltCommentsSidebarWireframe.Filter.Status.Item.Name />
    <VeltCommentsSidebarWireframe.Filter.Status.Item.Count />
  </VeltCommentsSidebarWireframe.Filter.Status.Item>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-wireframe></velt-comments-sidebar-filter-item-checkbox-wireframe>
    <velt-comments-sidebar-filter-item-name-wireframe></velt-comments-sidebar-filter-item-name-wireframe>
    <velt-comments-sidebar-filter-item-count-wireframe></velt-comments-sidebar-filter-item-count-wireframe>
  </velt-comments-sidebar-filter-item-wireframe>
</velt-wireframe>

Checkbox (Panel Filter Status Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Status.Item.Checkbox>
    <VeltCommentsSidebarWireframe.Filter.Status.Item.Checkbox.Checked />
    <VeltCommentsSidebarWireframe.Filter.Status.Item.Checkbox.Unchecked />
  </VeltCommentsSidebarWireframe.Filter.Status.Item.Checkbox>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-checkbox-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-checked-wireframe></velt-comments-sidebar-filter-item-checkbox-checked-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe></velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe>
  </velt-comments-sidebar-filter-item-checkbox-wireframe>
</velt-wireframe>

Checked (Panel Filter Status Item Checkbox)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Status.Item.Checkbox.Checked />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-checkbox-checked-wireframe></velt-comments-sidebar-filter-item-checkbox-checked-wireframe>
</velt-wireframe>

Unchecked (Panel Filter Status Item Checkbox)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Status.Item.Checkbox.Unchecked />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe></velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe>
</velt-wireframe>

Name (Panel Filter Status Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Status.Item.Name />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-name-wireframe></velt-comments-sidebar-filter-item-name-wireframe>
</velt-wireframe>

Count (Panel Filter Status Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Status.Item.Count />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-count-wireframe></velt-comments-sidebar-filter-item-count-wireframe>
</velt-wireframe>

CommentType (Panel Filter)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.CommentType>
    <VeltCommentsSidebarWireframe.Filter.CommentType.Name />
    <VeltCommentsSidebarWireframe.Filter.CommentType.Item />
  </VeltCommentsSidebarWireframe.Filter.CommentType>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-comment-type-wireframe>
    <velt-comments-sidebar-filter-name-wireframe></velt-comments-sidebar-filter-name-wireframe>
    <velt-comments-sidebar-filter-item-wireframe></velt-comments-sidebar-filter-item-wireframe>
  </velt-comments-sidebar-filter-comment-type-wireframe>
</velt-wireframe>

Name (Panel Filter CommentType)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.CommentType.Name />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-name-wireframe></velt-comments-sidebar-filter-name-wireframe>
</velt-wireframe>

Item (Panel Filter CommentType)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.CommentType.Item>
    <VeltCommentsSidebarWireframe.Filter.CommentType.Item.Checkbox />
    <VeltCommentsSidebarWireframe.Filter.CommentType.Item.Name />
    <VeltCommentsSidebarWireframe.Filter.CommentType.Item.Count />
  </VeltCommentsSidebarWireframe.Filter.CommentType.Item>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-wireframe></velt-comments-sidebar-filter-item-checkbox-wireframe>
    <velt-comments-sidebar-filter-item-name-wireframe></velt-comments-sidebar-filter-item-name-wireframe>
    <velt-comments-sidebar-filter-item-count-wireframe></velt-comments-sidebar-filter-item-count-wireframe>
  </velt-comments-sidebar-filter-item-wireframe>
</velt-wireframe>

Checkbox (Panel Filter CommentType Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.CommentType.Item.Checkbox>
    <VeltCommentsSidebarWireframe.Filter.CommentType.Item.Checkbox.Checked />
    <VeltCommentsSidebarWireframe.Filter.CommentType.Item.Checkbox.Unchecked />
  </VeltCommentsSidebarWireframe.Filter.CommentType.Item.Checkbox>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-checkbox-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-checked-wireframe></velt-comments-sidebar-filter-item-checkbox-checked-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe></velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe>
  </velt-comments-sidebar-filter-item-checkbox-wireframe>
</velt-wireframe>

Checked (Panel Filter CommentType Item Checkbox)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.CommentType.Item.Checkbox.Checked />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-checkbox-checked-wireframe></velt-comments-sidebar-filter-item-checkbox-checked-wireframe>
</velt-wireframe>

Unchecked (Panel Filter CommentType Item Checkbox)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.CommentType.Item.Checkbox.Unchecked />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe></velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe>
</velt-wireframe>

Name (Panel Filter CommentType Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.CommentType.Item.Name />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-name-wireframe></velt-comments-sidebar-filter-item-name-wireframe>
</velt-wireframe>

Count (Panel Filter CommentType Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.CommentType.Item.Count />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-count-wireframe></velt-comments-sidebar-filter-item-count-wireframe>
</velt-wireframe>

Versions (Panel Filter)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Versions>
    <VeltCommentsSidebarWireframe.Filter.Versions.Name />
    <VeltCommentsSidebarWireframe.Filter.Versions.Search />
    <VeltCommentsSidebarWireframe.Filter.Versions.Item />
  </VeltCommentsSidebarWireframe.Filter.Versions>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-versions-wireframe>
    <velt-comments-sidebar-filter-name-wireframe></velt-comments-sidebar-filter-name-wireframe>
    <velt-comments-sidebar-filter-search-wireframe></velt-comments-sidebar-filter-search-wireframe>
    <velt-comments-sidebar-filter-item-wireframe></velt-comments-sidebar-filter-item-wireframe>
  </velt-comments-sidebar-filter-versions-wireframe>
</velt-wireframe>

Name (Panel Filter Versions)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Versions.Name />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-name-wireframe></velt-comments-sidebar-filter-name-wireframe>
</velt-wireframe>

Search (Panel Filter Versions)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Versions.Search>
    <VeltCommentsSidebarWireframe.Filter.Versions.Search.Tags />
    <VeltCommentsSidebarWireframe.Filter.Versions.Search.HiddenCount />
    <VeltCommentsSidebarWireframe.Filter.Versions.Search.Input />
    <VeltCommentsSidebarWireframe.Filter.Versions.Search.DropdownIcon />
  </VeltCommentsSidebarWireframe.Filter.Versions.Search>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-wireframe>
    <velt-comments-sidebar-filter-search-tags-wireframe></velt-comments-sidebar-filter-search-tags-wireframe>
    <velt-comments-sidebar-filter-search-hidden-count-wireframe></velt-comments-sidebar-filter-search-hidden-count-wireframe>
    <velt-comments-sidebar-filter-search-input-wireframe></velt-comments-sidebar-filter-search-input-wireframe>
    <velt-comments-sidebar-filter-search-dropdown-icon-wireframe></velt-comments-sidebar-filter-search-dropdown-icon-wireframe>
  </velt-comments-sidebar-filter-search-wireframe>
</velt-wireframe>

Tags (Panel Filter Versions Search)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Versions.Search.Tags>
    <VeltCommentsSidebarWireframe.Filter.Versions.Search.Tags.Item />
  </VeltCommentsSidebarWireframe.Filter.Versions.Search.Tags>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-tags-wireframe>
    <velt-comments-sidebar-filter-search-tags-item-wireframe></velt-comments-sidebar-filter-search-tags-item-wireframe>
  </velt-comments-sidebar-filter-search-tags-wireframe>
</velt-wireframe>

Item (Panel Filter Versions Search Tags)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Versions.Search.Tags.Item>
    <VeltCommentsSidebarWireframe.Filter.Versions.Search.Tags.Item.Name />
    <VeltCommentsSidebarWireframe.Filter.Versions.Search.Tags.Item.Close />
  </VeltCommentsSidebarWireframe.Filter.Versions.Search.Tags.Item>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-tags-item-wireframe>
    <velt-comments-sidebar-filter-search-tags-item-name-wireframe></velt-comments-sidebar-filter-search-tags-item-name-wireframe>
    <velt-comments-sidebar-filter-search-tags-item-close-wireframe></velt-comments-sidebar-filter-search-tags-item-close-wireframe>
  </velt-comments-sidebar-filter-search-tags-item-wireframe>
</velt-wireframe>

Name (Panel Filter Versions Search Tags Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Versions.Search.Tags.Item.Name />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-tags-item-name-wireframe></velt-comments-sidebar-filter-search-tags-item-name-wireframe>
</velt-wireframe>

Close (Panel Filter Versions Search Tags Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Versions.Search.Tags.Item.Close />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-tags-item-close-wireframe></velt-comments-sidebar-filter-search-tags-item-close-wireframe>
</velt-wireframe>

HiddenCount (Panel Filter Versions Search)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Versions.Search.HiddenCount />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-hidden-count-wireframe></velt-comments-sidebar-filter-search-hidden-count-wireframe>
</velt-wireframe>

Input (Panel Filter Versions Search)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Versions.Search.Input />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-input-wireframe></velt-comments-sidebar-filter-search-input-wireframe>
</velt-wireframe>

DropdownIcon (Panel Filter Versions Search)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Versions.Search.DropdownIcon />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-search-dropdown-icon-wireframe></velt-comments-sidebar-filter-search-dropdown-icon-wireframe>
</velt-wireframe>

Item (Panel Filter Versions)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Versions.Item>
    <VeltCommentsSidebarWireframe.Filter.Versions.Item.Checkbox />
    <VeltCommentsSidebarWireframe.Filter.Versions.Item.Name />
    <VeltCommentsSidebarWireframe.Filter.Versions.Item.Count />
  </VeltCommentsSidebarWireframe.Filter.Versions.Item>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-wireframe></velt-comments-sidebar-filter-item-checkbox-wireframe>
    <velt-comments-sidebar-filter-item-name-wireframe></velt-comments-sidebar-filter-item-name-wireframe>
    <velt-comments-sidebar-filter-item-count-wireframe></velt-comments-sidebar-filter-item-count-wireframe>
  </velt-comments-sidebar-filter-item-wireframe>
</velt-wireframe>

Checkbox (Panel Filter Versions Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Versions.Item.Checkbox>
    <VeltCommentsSidebarWireframe.Filter.Versions.Item.Checkbox.Checked />
    <VeltCommentsSidebarWireframe.Filter.Versions.Item.Checkbox.Unchecked />
  </VeltCommentsSidebarWireframe.Filter.Versions.Item.Checkbox>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-checkbox-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-checked-wireframe></velt-comments-sidebar-filter-item-checkbox-checked-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe></velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe>
  </velt-comments-sidebar-filter-item-checkbox-wireframe>
</velt-wireframe>

Checked (Panel Filter Versions Item Checkbox)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Versions.Item.Checkbox.Checked />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-checkbox-checked-wireframe></velt-comments-sidebar-filter-item-checkbox-checked-wireframe>
</velt-wireframe>

Unchecked (Panel Filter Versions Item Checkbox)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Versions.Item.Checkbox.Unchecked />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe></velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe>
</velt-wireframe>

Name (Panel Filter Versions Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Versions.Item.Name />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-name-wireframe></velt-comments-sidebar-filter-item-name-wireframe>
</velt-wireframe>

Count (Panel Filter Versions Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Versions.Item.Count />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-count-wireframe></velt-comments-sidebar-filter-item-count-wireframe>
</velt-wireframe>

GroupBy (Panel Filter)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.GroupBy>
    <VeltCommentsSidebarWireframe.Filter.GroupBy.Name />
    <VeltCommentsSidebarWireframe.Filter.GroupBy.Item />
  </VeltCommentsSidebarWireframe.Filter.GroupBy>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-group-by-wireframe>
    <velt-comments-sidebar-filter-name-wireframe></velt-comments-sidebar-filter-name-wireframe>
    <velt-comments-sidebar-filter-item-wireframe></velt-comments-sidebar-filter-item-wireframe>
  </velt-comments-sidebar-filter-group-by-wireframe>
</velt-wireframe>

Name (Panel Filter GroupBy)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.GroupBy.Name />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-name-wireframe></velt-comments-sidebar-filter-name-wireframe>
</velt-wireframe>

Item (Panel Filter GroupBy)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.GroupBy.Item>
    <VeltCommentsSidebarWireframe.Filter.GroupBy.Item.Checkbox />
    <VeltCommentsSidebarWireframe.Filter.GroupBy.Item.Name />
    <VeltCommentsSidebarWireframe.Filter.GroupBy.Item.Count />
  </VeltCommentsSidebarWireframe.Filter.GroupBy.Item>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-wireframe></velt-comments-sidebar-filter-item-checkbox-wireframe>
    <velt-comments-sidebar-filter-item-name-wireframe></velt-comments-sidebar-filter-item-name-wireframe>
    <velt-comments-sidebar-filter-item-count-wireframe></velt-comments-sidebar-filter-item-count-wireframe>
  </velt-comments-sidebar-filter-item-wireframe>
</velt-wireframe>

Checkbox (Panel Filter GroupBy Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.GroupBy.Item.Checkbox>
    <VeltCommentsSidebarWireframe.Filter.GroupBy.Item.Checkbox.Checked />
    <VeltCommentsSidebarWireframe.Filter.GroupBy.Item.Checkbox.Unchecked />
  </VeltCommentsSidebarWireframe.Filter.GroupBy.Item.Checkbox>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-checkbox-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-checked-wireframe></velt-comments-sidebar-filter-item-checkbox-checked-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe></velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe>
  </velt-comments-sidebar-filter-item-checkbox-wireframe>
</velt-wireframe>

Checked (Panel Filter GroupBy Item Checkbox)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.GroupBy.Item.Checkbox.Checked />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-checkbox-checked-wireframe></velt-comments-sidebar-filter-item-checkbox-checked-wireframe>
</velt-wireframe>

Unchecked (Panel Filter GroupBy Item Checkbox)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.GroupBy.Item.Checkbox.Unchecked />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe></velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe>
</velt-wireframe>

Name (Panel Filter GroupBy Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.GroupBy.Item.Name />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-name-wireframe></velt-comments-sidebar-filter-item-name-wireframe>
</velt-wireframe>

Count (Panel Filter GroupBy Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.GroupBy.Item.Count />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-count-wireframe></velt-comments-sidebar-filter-item-count-wireframe>
</velt-wireframe>

ResetButton (Panel Filter)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.ResetButton />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-reset-button-wireframe></velt-comments-sidebar-filter-reset-button-wireframe>
</velt-wireframe>

DoneButton (Panel Filter)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.DoneButton />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-done-button-wireframe></velt-comments-sidebar-filter-done-button-wireframe>
</velt-wireframe>

If you want to change the filters globally across all filters in the sidebar, customize the shared filter option item (shown below) once and reuse it. Use VeltCommentsSidebarWireframe.Filter.Item (and its Checkbox, Name, and Count subcomponents) to apply changes across all filters.

Item (Panel)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Item>
    <VeltCommentsSidebarWireframe.Filter.Item.Checkbox />
    <VeltCommentsSidebarWireframe.Filter.Item.Name />
    <VeltCommentsSidebarWireframe.Filter.Item.Count />
  </VeltCommentsSidebarWireframe.Filter.Item>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-wireframe></velt-comments-sidebar-filter-item-checkbox-wireframe>
    <velt-comments-sidebar-filter-item-name-wireframe></velt-comments-sidebar-filter-item-name-wireframe>
    <velt-comments-sidebar-filter-item-count-wireframe></velt-comments-sidebar-filter-item-count-wireframe>
  </velt-comments-sidebar-filter-item-wireframe>
</velt-wireframe>

Checkbox (Panel Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Item.Checkbox>
    <VeltCommentsSidebarWireframe.Filter.Item.Checkbox.Checked />
    <VeltCommentsSidebarWireframe.Filter.Item.Checkbox.Unchecked />
  </VeltCommentsSidebarWireframe.Filter.Item.Checkbox>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-checkbox-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-checked-wireframe></velt-comments-sidebar-filter-item-checkbox-checked-wireframe>
    <velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe></velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe>
  </velt-comments-sidebar-filter-item-checkbox-wireframe>
</velt-wireframe>

Checked (Panel Item Checkbox)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Item.Checkbox.Checked />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-checkbox-checked-wireframe></velt-comments-sidebar-filter-item-checkbox-checked-wireframe>
</velt-wireframe>

Unchecked (Panel Item Checkbox)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Item.Checkbox.Unchecked />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe></velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe>
</velt-wireframe>

Name (Panel Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Item.Name />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-name-wireframe></velt-comments-sidebar-filter-item-name-wireframe>
</velt-wireframe>

Count (Panel Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Item.Count />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-filter-item-count-wireframe></velt-comments-sidebar-filter-item-count-wireframe>
</velt-wireframe>

List (Panel)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.List>
    <VeltCommentsSidebarWireframe.List.Item />
  </VeltCommentsSidebarWireframe.List>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-list-wireframe>
    <velt-comments-sidebar-list-item-wireframe></velt-comments-sidebar-list-item-wireframe>
  </velt-comments-sidebar-list-wireframe>
</velt-wireframe>

Item (Panel List)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.List.Item>
    <VeltCommentsSidebarWireframe.List.Item.Group />
    <VeltCommentsSidebarWireframe.List.Item.Annotation />
  </VeltCommentsSidebarWireframe.List.Item>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-list-item-wireframe>
    <velt-comments-sidebar-list-item-group-wireframe></velt-comments-sidebar-list-item-group-wireframe>
    <velt-comments-sidebar-list-item-annotation-wireframe></velt-comments-sidebar-list-item-annotation-wireframe>
  </velt-comments-sidebar-list-item-wireframe>
</velt-wireframe>

Group (Panel List Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.List.Item.Group>
    <VeltCommentsSidebarWireframe.List.Item.Group.Name />
    <VeltCommentsSidebarWireframe.List.Item.Group.Count />
    <VeltCommentsSidebarWireframe.List.Item.Group.Arrow />
  </VeltCommentsSidebarWireframe.List.Item.Group>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-list-item-group-wireframe>
    <velt-comments-sidebar-list-item-group-name-wireframe></velt-comments-sidebar-list-item-group-name-wireframe>
    <velt-comments-sidebar-list-item-group-count-wireframe></velt-comments-sidebar-list-item-group-count-wireframe>
    <velt-comments-sidebar-list-item-group-arrow-wireframe></velt-comments-sidebar-list-item-group-arrow-wireframe>
  </velt-comments-sidebar-list-item-group-wireframe>
</velt-wireframe>

Name (Panel List Item Group)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.List.Item.Group.Name />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-list-item-group-name-wireframe></velt-comments-sidebar-list-item-group-name-wireframe>
</velt-wireframe>

Count (Panel List Item Group)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.List.Item.Group.Count />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-list-item-group-count-wireframe></velt-comments-sidebar-list-item-group-count-wireframe>
</velt-wireframe>

Arrow (Panel List Item Group)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.List.Item.Group.Arrow />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-list-item-group-arrow-wireframe></velt-comments-sidebar-list-item-group-arrow-wireframe>
</velt-wireframe>

Annotation (Panel List Item)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.List.Item.Annotation>
    <VeltCommentDialogWireframe />
  </VeltCommentsSidebarWireframe.List.Item.Annotation>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-list-item-annotation-wireframe>
    <velt-comment-dialog-wireframe></velt-comment-dialog-wireframe>
  </velt-comments-sidebar-list-item-annotation-wireframe>
</velt-wireframe>

EmptyPlaceholder (Panel)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.EmptyPlaceholder />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-empty-placeholder-wireframe></velt-comments-sidebar-empty-placeholder-wireframe>
</velt-wireframe>

PageModeComposer (Panel)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.PageModeComposer>
    <VeltCommentDialogWireframe.Composer />
  </VeltCommentsSidebarWireframe.PageModeComposer>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-page-mode-composer-wireframe>
    <velt-comment-dialog-composer-wireframe></velt-comment-dialog-composer-wireframe>
  </velt-comments-sidebar-page-mode-composer-wireframe>
</velt-wireframe>

FocusedThread

React / Next.js

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

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-focused-thread-wireframe>
    <velt-comments-sidebar-focused-thread-back-button-wireframe></velt-comments-sidebar-focused-thread-back-button-wireframe>
    <velt-comments-sidebar-focused-thread-dialog-container-wireframe></velt-comments-sidebar-focused-thread-dialog-container-wireframe>
  </velt-comments-sidebar-focused-thread-wireframe>
</velt-wireframe>

BackButton (FocusedThread)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.FocusedThread.BackButton />
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-focused-thread-back-button-wireframe></velt-comments-sidebar-focused-thread-back-button-wireframe>
</velt-wireframe>

DialogContainer (FocusedThread)

React / Next.js

<VeltWireframe>
  <VeltCommentsSidebarWireframe.FocusedThread.DialogContainer>
    <VeltCommentDialogWireframe />
  </VeltCommentsSidebarWireframe.FocusedThread.DialogContainer>
</VeltWireframe>

Other Frameworks

<velt-wireframe>
  <velt-comments-sidebar-focused-thread-dialog-container-wireframe>
    <velt-comment-dialog-wireframe></velt-comment-dialog-wireframe>
  </velt-comments-sidebar-focused-thread-dialog-container-wireframe>
</velt-wireframe>

Styling

Disable ShadowDOM

• By default, ShadowDOM is used to ensure that your app’s CSS does not interfere with the styling of the SDK components.
• Disable the shadow dom to apply your custom CSS to the component.

Default: true

React / Next.js

Example

<VeltCommentsSidebar shadowDom={false} />

API methods

const commentElement = client.getCommentElement();
commentElement.enableSidebarShadowDOM();
commentElement.disableSidebarShadowDOM();

Other Frameworks

Example

<velt-comments-sidebar shadow-dom="false"></velt-comments-sidebar>

API methods

const commentElement = Velt.getCommentElement();
commentElement.enableSidebarShadowDOM();
commentElement.disableSidebarShadowDOM();

Dark Mode

By default, all components are in Light Mode, but there are several properties and methods to enable Dark Mode.

Default: false

To enable Dark Mode for comments sidebar:

React / Next.js

Example

<VeltCommentsSidebar darkMode={true} />

API methods

const commentElement = client.getCommentElement();
commentElement.enableDarkMode();
commentElement.disableDarkMode();

Other Frameworks

Example

<velt-comments-sidebar dark-mode="true"></velt-comments-sidebar>

API methods

const commentElement = Velt.getCommentElement();
commentElement.enableDarkMode();
commentElement.disableDarkMode();

Variants

Here are the variants that you can use in Comments Sidebar:

• variant: This is the variant for the entire Comments Sidebar.
• dialogVariant: This is the variant for the Comment Dialog that appears in the Comments Sidebar.
• pageModeComposerVariant: This is the variant for the Comment Composer that appears in the Comments Sidebar in page mode.
• focusedThreadDialogVariant: This is the variant for the Comment Dialog that appears when a focused thread mode is enabled.

React / Next.js

React / Next.js

<VeltCommentsSidebar
  variant="sidebar1"
  dialogVariant="dialogInSidebar"
  pageModeComposerVariant="pageModeDialogInSidebar"
  focusedThreadDialogVariant="focusedThreadDialogInSidebar"
/>

Other Frameworks

Other Frameworks

<velt-comments-sidebar
  variant="sidebar1"
  dialog-variant="dialogInSidebar"
  page-mode-composer-variant="pageModeDialogInSidebar"
  focused-thread-dialog-variant="focusedThreadDialogInSidebar"
></velt-comments-sidebar>