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

Overview

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

Skeleton

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

Panel

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

Header (Panel)

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

CloseButton (Panel Header)

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

Search (Panel Header)

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

ResetFilterButton (Panel Header)

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

Status (Panel Header)

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Status>
        <VeltCommentsSidebarWireframe.Status.Trigger />
        <VeltCommentsSidebarWireframe.Status.Content />
    </VeltCommentsSidebarWireframe.Status>
</VeltWireframe>
Trigger (Panel Header Status)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Status.Trigger>
        <VeltCommentsSidebarWireframe.Status.Trigger.Name />
        <VeltCommentsSidebarWireframe.Status.Trigger.Arrow />
        <VeltCommentsSidebarWireframe.Status.Trigger.Indicator />
    </VeltCommentsSidebarWireframe.Status.Trigger>
</VeltWireframe>
Name (Panel Header Status Trigger)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Status.Trigger.Name />
</VeltWireframe>
Arrow (Panel Header Status Trigger)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Status.Trigger.Arrow />
</VeltWireframe>
Indicator (Panel Header Status Trigger)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Status.Trigger.Indicator />
</VeltWireframe>
Content (Panel Header Status)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Status.Content>
        <VeltCommentsSidebarWireframe.Status.Content.Item />
    </VeltCommentsSidebarWireframe.Status.Content>
</VeltWireframe>
Item (Panel Header Status Content)
<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>
Icon (Panel Header Status Content Item)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Status.Content.Item.Icon />
</VeltWireframe>
Name (Panel Header Status Content Item)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Status.Content.Item.Name />
</VeltWireframe>
Count (Panel Header Status Content Item)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Status.Content.Item.Count />
</VeltWireframe>
Checkbox (Panel Header Status Content Item)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Status.Content.Item.Checkbox>
        <VeltCommentsSidebarWireframe.Status.Content.Item.Checkbox.Checked />
        <VeltCommentsSidebarWireframe.Status.Content.Item.Checkbox.Unchecked />
    </VeltCommentsSidebarWireframe.Status.Content.Item.Checkbox>
</VeltWireframe>
Checked (Panel Header Status Content Item Checkbox)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Status.Content.Item.Checkbox.Checked />
</VeltWireframe>
Unchecked (Panel Header Status Content Item Checkbox)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Status.Content.Item.Checkbox.Unchecked />
</VeltWireframe>

LocationFilterDropdown (Panel Header)

<VeltWireframe>
    <VeltCommentsSidebarWireframe.LocationFilterDropdown>
        <VeltCommentsSidebarWireframe.LocationFilterDropdown.Trigger />
        <VeltCommentsSidebarWireframe.LocationFilterDropdown.Content />
    </VeltCommentsSidebarWireframe.LocationFilterDropdown>
</VeltWireframe>
Trigger (Panel Header LocationFilterDropdown)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.LocationFilterDropdown.Trigger>
        <VeltCommentsSidebarWireframe.LocationFilterDropdown.Trigger.Label />
    </VeltCommentsSidebarWireframe.LocationFilterDropdown.Trigger>
</VeltWireframe>
Label (Panel Header LocationFilterDropdown Trigger)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.LocationFilterDropdown.Trigger.Label />
</VeltWireframe>
Content (Panel Header LocationFilterDropdown)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.LocationFilterDropdown.Content />
</VeltWireframe>

MinimalFilterDropdown (Panel Header)

<VeltWireframe>
    <VeltCommentsSidebarWireframe.MinimalFilterDropdown>
        <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Trigger />
        <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content />
    </VeltCommentsSidebarWireframe.MinimalFilterDropdown>
</VeltWireframe>
Trigger (Panel Header MinimalFilterDropdown)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Trigger />
</VeltWireframe>
Content (Panel Header MinimalFilterDropdown)
<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>
</VeltWireframe>
SortDate (Panel Header MinimalFilterDropdown Content)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.SortDate>
    <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.SelectedIcon />
      Sort date
    </VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.SortDate>
</VeltWireframe>
SelectedIcon (Panel Header MinimalFilterDropdown Content SortDate)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.SelectedIcon />
      Sort date
</VeltWireframe>
SortUnread (Panel Header MinimalFilterDropdown Content)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.SortUnread>
      <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.SelectedIcon />
        Sort unread
    </VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.SortUnread>
</VeltWireframe>
SelectedIcon (Panel Header MinimalFilterDropdown Content SortUnread)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.SelectedIcon />
      Sort unread
</VeltWireframe>
FilterAll (Panel Header MinimalFilterDropdown Content)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.FilterAll>
      <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.SelectedIcon />
          Filter All
    </VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.FilterAll>
</VeltWireframe>
SelectedIcon (Panel Header MinimalFilterDropdown Content FilterAll)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.SelectedIcon />
      Filter All
</VeltWireframe>
FilterUnread (Panel Header MinimalFilterDropdown Content)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.FilterUnread>
      <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.SelectedIcon />
          Filter unread
    </VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.FilterUnread>
</VeltWireframe>
SelectedIcon (Panel Header MinimalFilterDropdown Content FilterUnread)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.SelectedIcon />
      Filter unread
</VeltWireframe>
FilterRead (Panel Header MinimalFilterDropdown Content)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.FilterRead>
      <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.SelectedIcon />
          Filter read
    </VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.FilterRead>
</VeltWireframe>
SelectedIcon (Panel Header MinimalFilterDropdown Content FilterRead)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.SelectedIcon />
      Filter read
</VeltWireframe>
FilterResolved (Panel Header MinimalFilterDropdown Content)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.FilterResolved>
      <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.SelectedIcon />
          Filter resolved
    </VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.FilterResolved>
</VeltWireframe>
SelectedIcon (Panel Header MinimalFilterDropdown Content FilterResolved)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.MinimalFilterDropdown.Content.SelectedIcon />
      Filter resolved
</VeltWireframe>

MinimalActionsDropdown (Panel Header)

<VeltWireframe>
    <VeltCommentsSidebarWireframe.MinimalActionsDropdown>
        <VeltCommentsSidebarWireframe.MinimalActionsDropdown.Trigger />
        <VeltCommentsSidebarWireframe.MinimalActionsDropdown.Content />
    </VeltCommentsSidebarWireframe.MinimalActionsDropdown>
</VeltWireframe>
Trigger (Panel Header MinimalActionsDropdown)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.MinimalActionsDropdown.Trigger />
</VeltWireframe>
Content (Panel Header MinimalActionsDropdown)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.MinimalActionsDropdown.Content>
        <VeltCommentsSidebarWireframe.MinimalActionsDropdown.Content.MarkAllRead />
        <VeltCommentsSidebarWireframe.MinimalActionsDropdown.Content.MarkAllResolved />
    </VeltCommentsSidebarWireframe.MinimalActionsDropdown.Content>
</VeltWireframe>
MarkAllRead (Panel Header MinimalActionsDropdown Content)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.MinimalActionsDropdown.Content.MarkAllRead />
</VeltWireframe>
MarkAllResolved (Panel Header MinimalActionsDropdown Content)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.MinimalActionsDropdown.Content.MarkAllResolved />
</VeltWireframe>

DocumentFilterDropdown (Panel Header)

<VeltWireframe>
    <VeltCommentsSidebarWireframe.DocumentFilterDropdown>
        <VeltCommentsSidebarWireframe.DocumentFilterDropdown.Trigger />
        <VeltCommentsSidebarWireframe.DocumentFilterDropdown.Content />
    </VeltCommentsSidebarWireframe.DocumentFilterDropdown>
</VeltWireframe>
Trigger (Panel Header DocumentFilterDropdown)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.DocumentFilterDropdown.Trigger />
</VeltWireframe>
Content (Panel Header DocumentFilterDropdown)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.DocumentFilterDropdown.Content>
      <VeltCommentsSidebarWireframe.Filter.Document />
    </VeltCommentsSidebarWireframe.DocumentFilterDropdown.Content>
</VeltWireframe>
Document (Panel Header DocumentFilterDropdown Content)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Document />
</VeltWireframe>

FilterButton (Panel Header)

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

Filter (Panel)

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

Title (Panel Filter)

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

CloseButton (Panel Filter)

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

Location (Panel Filter)

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Location>
        <VeltCommentsSidebarWireframe.Filter.Location.Name />
        <VeltCommentsSidebarWireframe.Filter.Location.Search />
        <VeltCommentsSidebarWireframe.Filter.Location.Item />
        <VeltCommentsSidebarWireframe.Filter.Location.ViewAll />
    </VeltCommentsSidebarWireframe.Filter.Location>
</VeltWireframe>
Name (Panel Filter Location)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Location.Name />
</VeltWireframe>
Search (Panel Filter Location)
<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>
Tags (Panel Filter Location Search)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Location.Search.Tags>
        <VeltCommentsSidebarWireframe.Filter.Location.Search.Tags.Item />
    </VeltCommentsSidebarWireframe.Filter.Location.Search.Tags>
</VeltWireframe>
Item (Panel Filter Location Search Tags)
<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>
HiddenCount (Panel Filter Location Search)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Location.Search.HiddenCount />
</VeltWireframe>
Input (Panel Filter Location Search)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Location.Search.Input />
</VeltWireframe>
DropdownIcon (Panel Filter Location Search)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Location.Search.DropdownIcon />
</VeltWireframe>
Item (Panel Filter Location)
<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>
Checkbox (Panel Filter Location Item)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Location.Item.Checkbox>
        <VeltCommentsSidebarWireframe.Filter.Location.Item.Checkbox.Checked />
        <VeltCommentsSidebarWireframe.Filter.Location.Item.Checkbox.Unchecked />
    </VeltCommentsSidebarWireframe.Filter.Location.Item.Checkbox>
</VeltWireframe>
Checked (Panel Filter Location Item Checkbox)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Location.Item.Checkbox.Checked />
</VeltWireframe>
Unchecked (Panel Filter Location Item Checkbox)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Location.Item.Checkbox.Unchecked />
</VeltWireframe>
Name (Panel Filter Location Item)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Location.Item.Name />
</VeltWireframe>
Count (Panel Filter Location Item)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Location.Item.Count />
</VeltWireframe>
ViewAll (Panel Filter Location)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Location.ViewAll />
</VeltWireframe>

Document (Panel Filter)

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Document>
        <VeltCommentsSidebarWireframe.Filter.Document.Name />
        <VeltCommentsSidebarWireframe.Filter.Document.Search />
        <VeltCommentsSidebarWireframe.Filter.Document.Item />
        <VeltCommentsSidebarWireframe.Filter.Document.ViewAll />
    </VeltCommentsSidebarWireframe.Filter.Document>
</VeltWireframe>
Name (Panel Filter Document)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Document.Name />
</VeltWireframe>
Search (Panel Filter Document)
<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>
Tags (Panel Filter Document Search)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Document.Search.Tags>
        <VeltCommentsSidebarWireframe.Filter.Document.Search.Tags.Item />
    </VeltCommentsSidebarWireframe.Filter.Document.Search.Tags>
</VeltWireframe>
Item (Panel Filter Document Search Tags)
<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>
HiddenCount (Panel Filter Document Search)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Document.Search.HiddenCount />
</VeltWireframe>
Input (Panel Filter Document Search)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Document.Search.Input />
</VeltWireframe>
DropdownIcon (Panel Filter Document Search)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Document.Search.DropdownIcon />
</VeltWireframe>
Item (Panel Filter Document)
<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>
Checkbox (Panel Filter Document Item)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Document.Item.Checkbox>
        <VeltCommentsSidebarWireframe.Filter.Document.Item.Checkbox.Checked />
        <VeltCommentsSidebarWireframe.Filter.Document.Item.Checkbox.Unchecked />
    </VeltCommentsSidebarWireframe.Filter.Document.Item.Checkbox>
</VeltWireframe>
Checked (Panel Filter Document Item Checkbox)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Document.Item.Checkbox.Checked />
</VeltWireframe>
Unchecked (Panel Filter Document Item Checkbox)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Document.Item.Checkbox.Unchecked />
</VeltWireframe>
Name (Panel Filter Document Item)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Document.Item.Name />
</VeltWireframe>
Count (Panel Filter Document Item)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Document.Item.Count />
</VeltWireframe>
ViewAll (Panel Filter Document)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Document.ViewAll />
</VeltWireframe>

Involved (Panel Filter)

<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Involved>
        <VeltCommentsSidebarWireframe.Filter.Involved.Name />
        <VeltCommentsSidebarWireframe.Filter.Involved.Search />
        <VeltCommentsSidebarWireframe.Filter.Involved.Item />
    </VeltCommentsSidebarWireframe.Filter.Involved>
</VeltWireframe>
Name (Panel Filter Involved)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Involved.Name />
</VeltWireframe>
Search (Panel Filter Involved)
<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>
Tags (Panel Filter Involved Search)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Involved.Search.Tags>
        <VeltCommentsSidebarWireframe.Filter.Involved.Search.Tags.Item />
    </VeltCommentsSidebarWireframe.Filter.Involved.Search.Tags>
</VeltWireframe>
Item (Panel Filter Involved Search Tags)
<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>
HiddenCount (Panel Filter Involved Search)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Involved.Search.HiddenCount />
</VeltWireframe>
Input (Panel Filter Involved Search)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Involved.Search.Input />
</VeltWireframe>
DropdownIcon (Panel Filter Involved Search)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Involved.Search.DropdownIcon />
</VeltWireframe>
Item (Panel Filter Involved)
<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>
Checkbox (Panel Filter Involved Item)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Involved.Item.Checkbox>
        <VeltCommentsSidebarWireframe.Filter.Involved.Item.Checkbox.Checked />
        <VeltCommentsSidebarWireframe.Filter.Involved.Item.Checkbox.Unchecked />
    </VeltCommentsSidebarWireframe.Filter.Involved.Item.Checkbox>
</VeltWireframe>
Checked (Panel Filter Involved Item Checkbox)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Involved.Item.Checkbox.Checked />
</VeltWireframe>
Unchecked (Panel Filter Involved Item Checkbox)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Involved.Item.Checkbox.Unchecked />
</VeltWireframe>
Name (Panel Filter Involved Item)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Involved.Item.Name />
</VeltWireframe>
Count (Panel Filter Involved Item)
<VeltWireframe>
    <VeltCommentsSidebarWireframe.Filter.Involved.Item.Count />
</VeltWireframe>

People (Panel Filter)

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.People>
    <VeltCommentsSidebarWireframe.Filter.People.Name />
    <VeltCommentsSidebarWireframe.Filter.People.Search />
    <VeltCommentsSidebarWireframe.Filter.People.Item />
  </VeltCommentsSidebarWireframe.Filter.People>
</VeltWireframe>
Name (Panel Filter People)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.People.Name />
</VeltWireframe>
Search (Panel Filter People)
<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>
Tags (Panel Filter People Search)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.People.Search.Tags>
    <VeltCommentsSidebarWireframe.Filter.People.Search.Tags.Item />
  </VeltCommentsSidebarWireframe.Filter.People.Search.Tags>
</VeltWireframe>
Item (Panel Filter People Search Tags)
<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>
Name (Panel Filter People Search Tags Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.People.Search.Tags.Item.Name />
</VeltWireframe>
Close (Panel Filter People Search Tags Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.People.Search.Tags.Item.Close />
</VeltWireframe>
HiddenCount (Panel Filter People Search)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.People.Search.HiddenCount />
</VeltWireframe>
Input (Panel Filter People Search)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.People.Search.Input />
</VeltWireframe>
DropdownIcon (Panel Filter People Search)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.People.Search.DropdownIcon />
</VeltWireframe>
Item (Panel Filter People)
<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>
Checkbox (Panel Filter People Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.People.Item.Checkbox>
    <VeltCommentsSidebarWireframe.Filter.People.Item.Checkbox.Checked />
    <VeltCommentsSidebarWireframe.Filter.People.Item.Checkbox.Unchecked />
  </VeltCommentsSidebarWireframe.Filter.People.Item.Checkbox>
</VeltWireframe>
Checked (Panel Filter People Item Checkbox)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.People.Item.Checkbox.Checked />
</VeltWireframe>
Unchecked (Panel Filter People Item Checkbox)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.People.Item.Checkbox.Unchecked />
</VeltWireframe>
Name (Panel Filter People Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.People.Item.Name />
</VeltWireframe>
Count (Panel Filter People Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.People.Item.Count />
</VeltWireframe>

Tagged (Panel Filter)

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Tagged>
    <VeltCommentsSidebarWireframe.Filter.Tagged.Name />
    <VeltCommentsSidebarWireframe.Filter.Tagged.Search />
    <VeltCommentsSidebarWireframe.Filter.Tagged.Item />
  </VeltCommentsSidebarWireframe.Filter.Tagged>
</VeltWireframe>
Name (Panel Filter Tagged)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Tagged.Name />
</VeltWireframe>
Search (Panel Filter Tagged)
<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>
Tags (Panel Filter Tagged Search)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Tagged.Search.Tags>
    <VeltCommentsSidebarWireframe.Filter.Tagged.Search.Tags.Item />
  </VeltCommentsSidebarWireframe.Filter.Tagged.Search.Tags>
</VeltWireframe>
Item (Panel Filter Tagged Search Tags)
<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>
Name (Panel Filter Tagged Search Tags Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Tagged.Search.Tags.Item.Name />
</VeltWireframe>
Close (Panel Filter Tagged Search Tags Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Tagged.Search.Tags.Item.Close />
</VeltWireframe>
HiddenCount (Panel Filter Tagged Search)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Tagged.Search.HiddenCount />
</VeltWireframe>
Input (Panel Filter Tagged Search)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Tagged.Search.Input />
</VeltWireframe>
DropdownIcon (Panel Filter Tagged Search)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Tagged.Search.DropdownIcon />
</VeltWireframe>
Item (Panel Filter Tagged)
<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>
Checkbox (Panel Filter Tagged Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Tagged.Item.Checkbox>
    <VeltCommentsSidebarWireframe.Filter.Tagged.Item.Checkbox.Checked />
    <VeltCommentsSidebarWireframe.Filter.Tagged.Item.Checkbox.Unchecked />
  </VeltCommentsSidebarWireframe.Filter.Tagged.Item.Checkbox>
</VeltWireframe>
Checked (Panel Filter Tagged Item Checkbox)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Tagged.Item.Checkbox.Checked />
</VeltWireframe>
Unchecked (Panel Filter Tagged Item Checkbox)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Tagged.Item.Checkbox.Unchecked />
</VeltWireframe>
Name (Panel Filter Tagged Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Tagged.Item.Name />
</VeltWireframe>
Count (Panel Filter Tagged Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Tagged.Item.Count />
</VeltWireframe>

Assigned (Panel Filter)

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Assigned>
    <VeltCommentsSidebarWireframe.Filter.Assigned.Name />
    <VeltCommentsSidebarWireframe.Filter.Assigned.Search />
    <VeltCommentsSidebarWireframe.Filter.Assigned.Item />
  </VeltCommentsSidebarWireframe.Filter.Assigned>
</VeltWireframe>
Name (Panel Filter Assigned)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Assigned.Name />
</VeltWireframe>
Search (Panel Filter Assigned)
<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>
Tags (Panel Filter Assigned Search)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Assigned.Search.Tags>
    <VeltCommentsSidebarWireframe.Filter.Assigned.Search.Tags.Item />
  </VeltCommentsSidebarWireframe.Filter.Assigned.Search.Tags>
</VeltWireframe>
Item (Panel Filter Assigned Search Tags)
<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>
Name (Panel Filter Assigned Search Tags Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Assigned.Search.Tags.Item.Name />
</VeltWireframe>
Close (Panel Filter Assigned Search Tags Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Assigned.Search.Tags.Item.Close />
</VeltWireframe>
HiddenCount (Panel Filter Assigned Search)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Assigned.Search.HiddenCount />
</VeltWireframe>
Input (Panel Filter Assigned Search)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Assigned.Search.Input />
</VeltWireframe>
DropdownIcon (Panel Filter Assigned Search)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Assigned.Search.DropdownIcon />
</VeltWireframe>
Item (Panel Filter Assigned)
<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>
Checkbox (Panel Filter Assigned Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Assigned.Item.Checkbox>
    <VeltCommentsSidebarWireframe.Filter.Assigned.Item.Checkbox.Checked />
    <VeltCommentsSidebarWireframe.Filter.Assigned.Item.Checkbox.Unchecked />
  </VeltCommentsSidebarWireframe.Filter.Assigned.Item.Checkbox>
</VeltWireframe>
Checked (Panel Filter Assigned Item Checkbox)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Assigned.Item.Checkbox.Checked />
</VeltWireframe>
Unchecked (Panel Filter Assigned Item Checkbox)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Assigned.Item.Checkbox.Unchecked />
</VeltWireframe>
Name (Panel Filter Assigned Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Assigned.Item.Name />
</VeltWireframe>
Count (Panel Filter Assigned Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Assigned.Item.Count />
</VeltWireframe>

Custom (Panel Filter)

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Custom id='filter-id'>
    <VeltCommentsSidebarWireframe.Filter.Custom.Name />
    <VeltCommentsSidebarWireframe.Filter.Custom.Search />
    <VeltCommentsSidebarWireframe.Filter.Custom.Item />
  </VeltCommentsSidebarWireframe.Filter.Custom>
</VeltWireframe>
Name (Panel Filter Custom)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Custom.Name />
</VeltWireframe>
Search (Panel Filter Custom)
<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>
Tags (Panel Filter Custom Search)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Custom.Search.Tags>
    <VeltCommentsSidebarWireframe.Filter.Custom.Search.Tags.Item />
  </VeltCommentsSidebarWireframe.Filter.Custom.Search.Tags>
</VeltWireframe>
Item (Panel Filter Custom Search Tags)
<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>
Name (Panel Filter Custom Search Tags Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Custom.Search.Tags.Item.Name />
</VeltWireframe>
Close (Panel Filter Custom Search Tags Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Custom.Search.Tags.Item.Close />
</VeltWireframe>
HiddenCount (Panel Filter Custom Search)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Custom.Search.HiddenCount />
</VeltWireframe>
Input (Panel Filter Custom Search)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Custom.Search.Input />
</VeltWireframe>
DropdownIcon (Panel Filter Custom Search)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Custom.Search.DropdownIcon />
</VeltWireframe>
Item (Panel Filter Custom)
<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>
Checkbox (Panel Filter Custom Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Custom.Item.Checkbox>
    <VeltCommentsSidebarWireframe.Filter.Custom.Item.Checkbox.Checked />
    <VeltCommentsSidebarWireframe.Filter.Custom.Item.Checkbox.Unchecked />
  </VeltCommentsSidebarWireframe.Filter.Custom.Item.Checkbox>
</VeltWireframe>
Checked (Panel Filter Custom Item Checkbox)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Custom.Item.Checkbox.Checked />
</VeltWireframe>
Unchecked (Panel Filter Custom Item Checkbox)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Custom.Item.Checkbox.Unchecked />
</VeltWireframe>
Name (Panel Filter Custom Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Custom.Item.Name />
</VeltWireframe>
Count (Panel Filter Custom Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Custom.Item.Count />
</VeltWireframe>

Category (Panel Filter)

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Category>
    <VeltCommentsSidebarWireframe.Filter.Category.Name />
    <VeltCommentsSidebarWireframe.Filter.Category.Search />
    <VeltCommentsSidebarWireframe.Filter.Category.Item />
  </VeltCommentsSidebarWireframe.Filter.Category>
</VeltWireframe>
Name (Panel Filter Category)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Category.Name />
</VeltWireframe>
Search (Panel Filter Category)
<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>
Tags (Panel Filter Category Search)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Category.Search.Tags>
    <VeltCommentsSidebarWireframe.Filter.Category.Search.Tags.Item />
  </VeltCommentsSidebarWireframe.Filter.Category.Search.Tags>
</VeltWireframe>
Item (Panel Filter Category Search Tags)
<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>
Name (Panel Filter Category Search Tags Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Category.Search.Tags.Item.Name />
</VeltWireframe>
Close (Panel Filter Category Search Tags Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Category.Search.Tags.Item.Close />
</VeltWireframe>
HiddenCount (Panel Filter Category Search)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Category.Search.HiddenCount />
</VeltWireframe>
Input (Panel Filter Category Search)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Category.Search.Input />
</VeltWireframe>
DropdownIcon (Panel Filter Category Search)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Category.Search.DropdownIcon />
</VeltWireframe>
Item (Panel Filter Category)
<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>
Checkbox (Panel Filter Category Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Category.Item.Checkbox>
    <VeltCommentsSidebarWireframe.Filter.Category.Item.Checkbox.Checked />
    <VeltCommentsSidebarWireframe.Filter.Category.Item.Checkbox.Unchecked />
  </VeltCommentsSidebarWireframe.Filter.Category.Item.Checkbox>
</VeltWireframe>
Checked (Panel Filter Category Item Checkbox)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Category.Item.Checkbox.Checked />
</VeltWireframe>
Unchecked (Panel Filter Category Item Checkbox)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Category.Item.Checkbox.Unchecked />
</VeltWireframe>
Name (Panel Filter Category Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Category.Item.Name />
</VeltWireframe>
Count (Panel Filter Category Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Category.Item.Count />
</VeltWireframe>

Priority (Panel Filter)

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Priority>
    <VeltCommentsSidebarWireframe.Filter.Priority.Name />
    <VeltCommentsSidebarWireframe.Filter.Priority.Search />
    <VeltCommentsSidebarWireframe.Filter.Priority.Item />
  </VeltCommentsSidebarWireframe.Filter.Priority>
</VeltWireframe>
Name (Panel Filter Priority)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Priority.Name />
</VeltWireframe>
Search (Panel Filter Priority)
<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>
Tags (Panel Filter Priority Search)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Priority.Search.Tags>
    <VeltCommentsSidebarWireframe.Filter.Priority.Search.Tags.Item />
  </VeltCommentsSidebarWireframe.Filter.Priority.Search.Tags>
</VeltWireframe>
Item (Panel Filter Priority Search Tags)
<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>
Name (Panel Filter Priority Search Tags Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Priority.Search.Tags.Item.Name />
</VeltWireframe>
Close (Panel Filter Priority Search Tags Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Priority.Search.Tags.Item.Close />
</VeltWireframe>
HiddenCount (Panel Filter Priority Search)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Priority.Search.HiddenCount />
</VeltWireframe>
Input (Panel Filter Priority Search)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Priority.Search.Input />
</VeltWireframe>
DropdownIcon (Panel Filter Priority Search)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Priority.Search.DropdownIcon />
</VeltWireframe>
Item (Panel Filter Priority)
<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>
Checkbox (Panel Filter Priority Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Priority.Item.Checkbox>
    <VeltCommentsSidebarWireframe.Filter.Priority.Item.Checkbox.Checked />
    <VeltCommentsSidebarWireframe.Filter.Priority.Item.Checkbox.Unchecked />
  </VeltCommentsSidebarWireframe.Filter.Priority.Item.Checkbox>
</VeltWireframe>
Checked (Panel Filter Priority Item Checkbox)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Priority.Item.Checkbox.Checked />
</VeltWireframe>
Unchecked (Panel Filter Priority Item Checkbox)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Priority.Item.Checkbox.Unchecked />
</VeltWireframe>
Name (Panel Filter Priority Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Priority.Item.Name />
</VeltWireframe>
Count (Panel Filter Priority Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Priority.Item.Count />
</VeltWireframe>

Status (Panel Filter)

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Status>
    <VeltCommentsSidebarWireframe.Filter.Status.Name />
    <VeltCommentsSidebarWireframe.Filter.Status.Search />
    <VeltCommentsSidebarWireframe.Filter.Status.Item />
  </VeltCommentsSidebarWireframe.Filter.Status>
</VeltWireframe>
Name (Panel Filter Status)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Status.Name />
</VeltWireframe>
Search (Panel Filter Status)
<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>
Tags (Panel Filter Status Search)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Status.Search.Tags>
    <VeltCommentsSidebarWireframe.Filter.Status.Search.Tags.Item />
  </VeltCommentsSidebarWireframe.Filter.Status.Search.Tags>
</VeltWireframe>
Item (Panel Filter Status Search Tags)
<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>
Name (Panel Filter Status Search Tags Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Status.Search.Tags.Item.Name />
</VeltWireframe>
Close (Panel Filter Status Search Tags Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Status.Search.Tags.Item.Close />
</VeltWireframe>
HiddenCount (Panel Filter Status Search)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Status.Search.HiddenCount />
</VeltWireframe>
Input (Panel Filter Status Search)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Status.Search.Input />
</VeltWireframe>
DropdownIcon (Panel Filter Status Search)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Status.Search.DropdownIcon />
</VeltWireframe>
Item (Panel Filter Status)
<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>
Checkbox (Panel Filter Status Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Status.Item.Checkbox>
    <VeltCommentsSidebarWireframe.Filter.Status.Item.Checkbox.Checked />
    <VeltCommentsSidebarWireframe.Filter.Status.Item.Checkbox.Unchecked />
  </VeltCommentsSidebarWireframe.Filter.Status.Item.Checkbox>
</VeltWireframe>
Checked (Panel Filter Status Item Checkbox)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Status.Item.Checkbox.Checked />
</VeltWireframe>
Unchecked (Panel Filter Status Item Checkbox)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Status.Item.Checkbox.Unchecked />
</VeltWireframe>
Name (Panel Filter Status Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Status.Item.Name />
</VeltWireframe>
Count (Panel Filter Status Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Status.Item.Count />
</VeltWireframe>

CommentType (Panel Filter)

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.CommentType>
    <VeltCommentsSidebarWireframe.Filter.CommentType.Name />
    <VeltCommentsSidebarWireframe.Filter.CommentType.Item />
  </VeltCommentsSidebarWireframe.Filter.CommentType>
</VeltWireframe>
Name (Panel Filter CommentType)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.CommentType.Name />
</VeltWireframe>
Item (Panel Filter CommentType)
<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>
Checkbox (Panel Filter CommentType Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.CommentType.Item.Checkbox>
    <VeltCommentsSidebarWireframe.Filter.CommentType.Item.Checkbox.Checked />
    <VeltCommentsSidebarWireframe.Filter.CommentType.Item.Checkbox.Unchecked />
  </VeltCommentsSidebarWireframe.Filter.CommentType.Item.Checkbox>
</VeltWireframe>
Checked (Panel Filter CommentType Item Checkbox)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.CommentType.Item.Checkbox.Checked />
</VeltWireframe>
Unchecked (Panel Filter CommentType Item Checkbox)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.CommentType.Item.Checkbox.Unchecked />
</VeltWireframe>
Name (Panel Filter CommentType Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.CommentType.Item.Name />
</VeltWireframe>
Count (Panel Filter CommentType Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.CommentType.Item.Count />
</VeltWireframe>

Versions (Panel Filter)

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Versions>
    <VeltCommentsSidebarWireframe.Filter.Versions.Name />
    <VeltCommentsSidebarWireframe.Filter.Versions.Search />
    <VeltCommentsSidebarWireframe.Filter.Versions.Item />
  </VeltCommentsSidebarWireframe.Filter.Versions>
</VeltWireframe>
Name (Panel Filter Versions)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Versions.Name />
</VeltWireframe>
Search (Panel Filter Versions)
<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>
Tags (Panel Filter Versions Search)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Versions.Search.Tags>
    <VeltCommentsSidebarWireframe.Filter.Versions.Search.Tags.Item />
  </VeltCommentsSidebarWireframe.Filter.Versions.Search.Tags>
</VeltWireframe>
Item (Panel Filter Versions Search Tags)
<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>
Name (Panel Filter Versions Search Tags Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Versions.Search.Tags.Item.Name />
</VeltWireframe>
Close (Panel Filter Versions Search Tags Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Versions.Search.Tags.Item.Close />
</VeltWireframe>
HiddenCount (Panel Filter Versions Search)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Versions.Search.HiddenCount />
</VeltWireframe>
Input (Panel Filter Versions Search)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Versions.Search.Input />
</VeltWireframe>
DropdownIcon (Panel Filter Versions Search)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Versions.Search.DropdownIcon />
</VeltWireframe>
Item (Panel Filter Versions)
<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>
Checkbox (Panel Filter Versions Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Versions.Item.Checkbox>
    <VeltCommentsSidebarWireframe.Filter.Versions.Item.Checkbox.Checked />
    <VeltCommentsSidebarWireframe.Filter.Versions.Item.Checkbox.Unchecked />
  </VeltCommentsSidebarWireframe.Filter.Versions.Item.Checkbox>
</VeltWireframe>
Checked (Panel Filter Versions Item Checkbox)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Versions.Item.Checkbox.Checked />
</VeltWireframe>
Unchecked (Panel Filter Versions Item Checkbox)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Versions.Item.Checkbox.Unchecked />
</VeltWireframe>
Name (Panel Filter Versions Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Versions.Item.Name />
</VeltWireframe>
Count (Panel Filter Versions Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Versions.Item.Count />
</VeltWireframe>

GroupBy (Panel Filter)

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.GroupBy>
    <VeltCommentsSidebarWireframe.Filter.GroupBy.Name />
    <VeltCommentsSidebarWireframe.Filter.GroupBy.Item />
  </VeltCommentsSidebarWireframe.Filter.GroupBy>
</VeltWireframe>
Name (Panel Filter GroupBy)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.GroupBy.Name />
</VeltWireframe>
Item (Panel Filter GroupBy)
<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>
Checkbox (Panel Filter GroupBy Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.GroupBy.Item.Checkbox>
    <VeltCommentsSidebarWireframe.Filter.GroupBy.Item.Checkbox.Checked />
    <VeltCommentsSidebarWireframe.Filter.GroupBy.Item.Checkbox.Unchecked />
  </VeltCommentsSidebarWireframe.Filter.GroupBy.Item.Checkbox>
</VeltWireframe>
Checked (Panel Filter GroupBy Item Checkbox)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.GroupBy.Item.Checkbox.Checked />
</VeltWireframe>
Unchecked (Panel Filter GroupBy Item Checkbox)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.GroupBy.Item.Checkbox.Unchecked />
</VeltWireframe>
Name (Panel Filter GroupBy Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.GroupBy.Item.Name />
</VeltWireframe>
Count (Panel Filter GroupBy Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.GroupBy.Item.Count />
</VeltWireframe>

ResetButton (Panel Filter)

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

DoneButton (Panel Filter)

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.DoneButton />
</VeltWireframe>
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)

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

Checkbox (Panel Item)

<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Item.Checkbox>
    <VeltCommentsSidebarWireframe.Filter.Item.Checkbox.Checked />
    <VeltCommentsSidebarWireframe.Filter.Item.Checkbox.Unchecked />
  </VeltCommentsSidebarWireframe.Filter.Item.Checkbox>
</VeltWireframe>
Checked (Panel Item Checkbox)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Item.Checkbox.Checked />
</VeltWireframe>
Unchecked (Panel Item Checkbox)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.Filter.Item.Checkbox.Unchecked />
</VeltWireframe>

Name (Panel Item)

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

Count (Panel Item)

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

List (Panel)

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

Item (Panel List)

<VeltWireframe>
  <VeltCommentsSidebarWireframe.List.Item>
    <VeltCommentsSidebarWireframe.List.Item.Group />
    <VeltCommentsSidebarWireframe.List.Item.Annotation />
  </VeltCommentsSidebarWireframe.List.Item>
</VeltWireframe>
Group (Panel List Item)
<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>
Name (Panel List Item Group)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.List.Item.Group.Name />
</VeltWireframe>
Count (Panel List Item Group)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.List.Item.Group.Count />
</VeltWireframe>
Arrow (Panel List Item Group)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.List.Item.Group.Arrow />
</VeltWireframe>
Annotation (Panel List Item)
<VeltWireframe>
  <VeltCommentsSidebarWireframe.List.Item.Annotation>
    <VeltCommentDialogWireframe />
  </VeltCommentsSidebarWireframe.List.Item.Annotation>
</VeltWireframe>

EmptyPlaceholder (Panel)

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

PageModeComposer (Panel)

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

FocusedThread

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

BackButton (FocusedThread)

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

DialogContainer (FocusedThread)

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

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
Example
<VeltCommentsSidebar shadowDom={false} />
API methods
const commentElement = client.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:
Example
<VeltCommentsSidebar darkMode={true} />
API methods
const commentElement = client.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
<VeltCommentsSidebar
  variant="sidebar1"
  dialogVariant="dialogInSidebar"
  pageModeComposerVariant="pageModeDialogInSidebar"
  focusedThreadDialogVariant="focusedThreadDialogInSidebar"
/>