Concepts
- Overview
- Customize Layout
- Customize CSS
- Template Variables
- Conditional Templates
- Action Components
- Variants
General Wireframe Setup
Async Collaboration
- Comments
- Comment Dialog
- Comment Pin
- Comment Tool
- Comment Bubble
- Comment Video Player
- Comment Player Timeline
- Confirmation Dialog
- Inline Comments
- Multithread Comment Dialog
- Persistent Comment Mode Banner
- Text Comment Tool
- Text Comment Toolbar
- Standalone Components
- Comments Sidebar
- Overview
- Styling
- Variants
- Subcomponents
- Empty placeholder
- Filter
- Overview
- Subcomponents
- Focused thread
- Header
- List
- Page mode composer
- Reset filter button
- Sidebar Button
- Skeleton
- In-app Notifications
- Inline Reactions
- Arrows
Realtime Collaboration
- Presence
- Cursors
- Live Selection
- Huddle
Filter
Overview
The subcomponent of the Comments Sidebar that represents the filter that is used to filter what Comments appear in the Sidebar
<VeltWireframe>
<VeltCommentsSidebarWireframe.Filter>
{/* Title */}
<VeltCommentsSidebarWireframe.Filter.Title />
{/* Close Button */}
<VeltCommentsSidebarWireframe.Filter.CloseButton />
{/* Location */}
<VeltCommentsSidebarWireframe.Filter.Location />
{/* People */}
<VeltCommentsSidebarWireframe.Filter.People />
{/* Category */}
<VeltCommentsSidebarWireframe.Filter.Category />
{/* Priority */}
<VeltCommentsSidebarWireframe.Filter.Priority />
{/* CommentType */}
<VeltCommentsSidebarWireframe.Filter.CommentType />
{/* Versions */}
<VeltCommentsSidebarWireframe.Filter.Versions />
{/* Status */}
<VeltCommentsSidebarWireframe.Filter.Status />
{/* GroupBy */}
<VeltCommentsSidebarWireframe.Filter.GroupBy />
{/* Done Button */}
<VeltCommentsSidebarWireframe.Filter.DoneButton />
</VeltCommentsSidebarWireframe.Filter>
</VeltWireframe>
We recommend that you familiarize yourselves with UI Customization Concepts before attempting to modify any components.
Default Subcomponent
<VeltWireframe>
<VeltCommentsSidebarWireframe.Filter>
{/* Title */}
<VeltCommentsSidebarWireframe.Filter.Title />
{/* Close Button */}
<VeltCommentsSidebarWireframe.Filter.CloseButton />
{/* Location */}
<VeltCommentsSidebarWireframe.Filter.Location />
{/* People */}
<VeltCommentsSidebarWireframe.Filter.People />
{/* Category */}
<VeltCommentsSidebarWireframe.Filter.Category />
{/* Priority */}
<VeltCommentsSidebarWireframe.Filter.Priority />
{/* CommentType */}
<VeltCommentsSidebarWireframe.Filter.CommentType />
{/* Versions */}
<VeltCommentsSidebarWireframe.Filter.Versions />
{/* Status */}
<VeltCommentsSidebarWireframe.Filter.Status />
{/* GroupBy */}
<VeltCommentsSidebarWireframe.Filter.GroupBy />
{/* Done Button */}
<VeltCommentsSidebarWireframe.Filter.DoneButton />
</VeltCommentsSidebarWireframe.Filter>
</VeltWireframe>
Was this page helpful?
<VeltWireframe>
<VeltCommentsSidebarWireframe.Filter>
{/* Title */}
<VeltCommentsSidebarWireframe.Filter.Title />
{/* Close Button */}
<VeltCommentsSidebarWireframe.Filter.CloseButton />
{/* Location */}
<VeltCommentsSidebarWireframe.Filter.Location />
{/* People */}
<VeltCommentsSidebarWireframe.Filter.People />
{/* Category */}
<VeltCommentsSidebarWireframe.Filter.Category />
{/* Priority */}
<VeltCommentsSidebarWireframe.Filter.Priority />
{/* CommentType */}
<VeltCommentsSidebarWireframe.Filter.CommentType />
{/* Versions */}
<VeltCommentsSidebarWireframe.Filter.Versions />
{/* Status */}
<VeltCommentsSidebarWireframe.Filter.Status />
{/* GroupBy */}
<VeltCommentsSidebarWireframe.Filter.GroupBy />
{/* Done Button */}
<VeltCommentsSidebarWireframe.Filter.DoneButton />
</VeltCommentsSidebarWireframe.Filter>
</VeltWireframe>