Concepts
Async Collaboration
- Comments
- Comment Dialog
- Inline Comments
- Standalone Components
- Comments Sidebar
- Overview
- Styling
- Variants
- Subcomponents
- Empty placeholder
- Filter
- Focused thread
- Header
- List
- Page mode composer
- Reset filter button
- Sidebar Button
- Skeleton
- Comment Pin
- Comment Tool
- Comment Bubble
- Comment Player Timeline
- Confirmation Dialog
- MultiThread Comment Dialog
- Persistent Comment Mode Banner
- Text Comment Tool
- Text Comment Toolbar
- Velt Video Player
- In-app Notifications
- Recorder
- Inline Reactions
- Arrows
Realtime Collaboration
- Presence
- Cursors
- Live Selection
- Huddle
- Single Editor Mode
Subcomponents
Filter Type - Priority
The subcomponent of the Comments Sidebar Filter that represents the Priority filter
Copy
<VeltWireframe>
<VeltCommentsSidebarWireframe.Filter.Priority>
<VeltCommentsSidebarWireframe.Filter.Priority.Name />
{/* Searchable Dropdown: It's not visible by default. You need to add the wireframe to the sidebar. */}
<VeltCommentsSidebarWireframe.Filter.Priority.Search>
<VeltCommentsSidebarWireframe.Filter.Priority.Search.Tags>
<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>
</VeltCommentsSidebarWireframe.Filter.Priority.Search.Tags>
<VeltCommentsSidebarWireframe.Filter.Priority.Search.HiddenCount />
<VeltCommentsSidebarWireframe.Filter.Priority.Search.Input />
<VeltCommentsSidebarWireframe.Filter.Priority.Search.DropdownIcon />
</VeltCommentsSidebarWireframe.Filter.Priority.Search>
{/* Checklist: It's visible by default. */}
<VeltCommentsSidebarWireframe.Filter.Priority.Item>
<VeltCommentsSidebarWireframe.Filter.Priority.Item.Checkbox>
<VeltCommentsSidebarWireframe.Filter.Priority.Item.Checkbox.Checked />
<VeltCommentsSidebarWireframe.Filter.Priority.Item.Checkbox.Unchecked />
</VeltCommentsSidebarWireframe.Filter.Priority.Item.Checkbox>
<VeltCommentsSidebarWireframe.Filter.Priority.Item.Name />
<VeltCommentsSidebarWireframe.Filter.Priority.Item.Count />
</VeltCommentsSidebarWireframe.Filter.Priority.Item>
</VeltCommentsSidebarWireframe.Filter.Priority>
</VeltWireframe>
We recommend that you familiarize yourselves with UI Customization Concepts before attempting to modify any components.
You can either use this or use the global filter item wireframe to customize all the filter types of filter options at once. Learn More
Default Subcomponent
Copy
<VeltWireframe>
<VeltCommentsSidebarWireframe.Filter.Priority>
<VeltCommentsSidebarWireframe.Filter.Priority.Name />
{/* Searchable Dropdown: It's not visible by default. You need to add the wireframe to the sidebar. */}
<VeltCommentsSidebarWireframe.Filter.Priority.Search>
<VeltCommentsSidebarWireframe.Filter.Priority.Search.Tags>
<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>
</VeltCommentsSidebarWireframe.Filter.Priority.Search.Tags>
<VeltCommentsSidebarWireframe.Filter.Priority.Search.HiddenCount />
<VeltCommentsSidebarWireframe.Filter.Priority.Search.Input />
<VeltCommentsSidebarWireframe.Filter.Priority.Search.DropdownIcon />
</VeltCommentsSidebarWireframe.Filter.Priority.Search>
{/* Checklist: It's visible by default. */}
<VeltCommentsSidebarWireframe.Filter.Priority.Item>
<VeltCommentsSidebarWireframe.Filter.Priority.Item.Checkbox>
<VeltCommentsSidebarWireframe.Filter.Priority.Item.Checkbox.Checked />
<VeltCommentsSidebarWireframe.Filter.Priority.Item.Checkbox.Unchecked />
</VeltCommentsSidebarWireframe.Filter.Priority.Item.Checkbox>
<VeltCommentsSidebarWireframe.Filter.Priority.Item.Name />
<VeltCommentsSidebarWireframe.Filter.Priority.Item.Count />
</VeltCommentsSidebarWireframe.Filter.Priority.Item>
</VeltCommentsSidebarWireframe.Filter.Priority>
</VeltWireframe>
Was this page helpful?
Copy
<VeltWireframe>
<VeltCommentsSidebarWireframe.Filter.Priority>
<VeltCommentsSidebarWireframe.Filter.Priority.Name />
{/* Searchable Dropdown: It's not visible by default. You need to add the wireframe to the sidebar. */}
<VeltCommentsSidebarWireframe.Filter.Priority.Search>
<VeltCommentsSidebarWireframe.Filter.Priority.Search.Tags>
<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>
</VeltCommentsSidebarWireframe.Filter.Priority.Search.Tags>
<VeltCommentsSidebarWireframe.Filter.Priority.Search.HiddenCount />
<VeltCommentsSidebarWireframe.Filter.Priority.Search.Input />
<VeltCommentsSidebarWireframe.Filter.Priority.Search.DropdownIcon />
</VeltCommentsSidebarWireframe.Filter.Priority.Search>
{/* Checklist: It's visible by default. */}
<VeltCommentsSidebarWireframe.Filter.Priority.Item>
<VeltCommentsSidebarWireframe.Filter.Priority.Item.Checkbox>
<VeltCommentsSidebarWireframe.Filter.Priority.Item.Checkbox.Checked />
<VeltCommentsSidebarWireframe.Filter.Priority.Item.Checkbox.Unchecked />
</VeltCommentsSidebarWireframe.Filter.Priority.Item.Checkbox>
<VeltCommentsSidebarWireframe.Filter.Priority.Item.Name />
<VeltCommentsSidebarWireframe.Filter.Priority.Item.Count />
</VeltCommentsSidebarWireframe.Filter.Priority.Item>
</VeltCommentsSidebarWireframe.Filter.Priority>
</VeltWireframe>
Assistant
Responses are generated using AI and may contain mistakes.