Concepts
Async Collaboration
- Comments
- Comment Dialog
- Comments Sidebar
- Overview
- Styling
- Variants
- Subcomponents
- Empty placeholder
- Filter
- Overview
- Subcomponents
- Focused thread
- Header
- List
- Page mode composer
- Reset filter button
- Sidebar Button
- Skeleton
- Standalone Components (DIY)
- Inline Comments Section
- 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 Section
- Arrows
Realtime Collaboration
Subcomponents
Filter Type - Custom
The subcomponent of the Comments Sidebar Filter that represents the Custom filter
Copy
Ask AI
<VeltWireframe>
<VeltCommentsSidebarWireframe.Filter.Custom id='your-filter-id'>
<VeltCommentsSidebarWireframe.Filter.Custom.Name />
{/* If you are using the "dropdown" filterOptionLayout */}
<VeltCommentsSidebarWireframe.Filter.Custom.Search>
<VeltCommentsSidebarWireframe.Filter.Custom.Search.Tags>
<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>
</VeltCommentsSidebarWireframe.Filter.Custom.Search.Tags>
<VeltCommentsSidebarWireframe.Filter.Custom.Search.HiddenCount />
<VeltCommentsSidebarWireframe.Filter.Custom.Search.Input />
<VeltCommentsSidebarWireframe.Filter.Custom.Search.DropdownIcon />
</VeltCommentsSidebarWireframe.Filter.Custom.Search>
{/* If you are using the default filterOptionLayout */}
<VeltCommentsSidebarWireframe.Filter.Custom.Item>
<VeltCommentsSidebarWireframe.Filter.Custom.Item.Checkbox>
<VeltCommentsSidebarWireframe.Filter.Custom.Item.Checkbox.Checked />
<VeltCommentsSidebarWireframe.Filter.Custom.Item.Checkbox.Unchecked />
</VeltCommentsSidebarWireframe.Filter.Custom.Item.Checkbox>
<VeltCommentsSidebarWireframe.Filter.Custom.Item.Name />
<VeltCommentsSidebarWireframe.Filter.Custom.Item.Count />
</VeltCommentsSidebarWireframe.Filter.Custom.Item>
</VeltCommentsSidebarWireframe.Filter.Custom>
</VeltWireframe>
We recommend that you familiarize yourselves with UI Customization Concepts before attempting to modify any components.
You need to add one for each custom filter you want to add.
Copy
Ask AI
<VeltWireframe>
<VeltCommentsSidebarWireframe.Filter.Custom id='your-filter-id'>
<VeltCommentsSidebarWireframe.Filter.Custom.Name />
{/* If you are using the "dropdown" filterOptionLayout */}
<VeltCommentsSidebarWireframe.Filter.Custom.Search>
<VeltCommentsSidebarWireframe.Filter.Custom.Search.Tags>
<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>
</VeltCommentsSidebarWireframe.Filter.Custom.Search.Tags>
<VeltCommentsSidebarWireframe.Filter.Custom.Search.HiddenCount />
<VeltCommentsSidebarWireframe.Filter.Custom.Search.Input />
<VeltCommentsSidebarWireframe.Filter.Custom.Search.DropdownIcon />
</VeltCommentsSidebarWireframe.Filter.Custom.Search>
{/* If you are using the default filterOptionLayout */}
<VeltCommentsSidebarWireframe.Filter.Custom.Item>
<VeltCommentsSidebarWireframe.Filter.Custom.Item.Checkbox>
<VeltCommentsSidebarWireframe.Filter.Custom.Item.Checkbox.Checked />
<VeltCommentsSidebarWireframe.Filter.Custom.Item.Checkbox.Unchecked />
</VeltCommentsSidebarWireframe.Filter.Custom.Item.Checkbox>
<VeltCommentsSidebarWireframe.Filter.Custom.Item.Name />
<VeltCommentsSidebarWireframe.Filter.Custom.Item.Count />
</VeltCommentsSidebarWireframe.Filter.Custom.Item>
</VeltCommentsSidebarWireframe.Filter.Custom>
</VeltWireframe>
Was this page helpful?
Copy
Ask AI
<VeltWireframe>
<VeltCommentsSidebarWireframe.Filter.Custom id='your-filter-id'>
<VeltCommentsSidebarWireframe.Filter.Custom.Name />
{/* If you are using the "dropdown" filterOptionLayout */}
<VeltCommentsSidebarWireframe.Filter.Custom.Search>
<VeltCommentsSidebarWireframe.Filter.Custom.Search.Tags>
<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>
</VeltCommentsSidebarWireframe.Filter.Custom.Search.Tags>
<VeltCommentsSidebarWireframe.Filter.Custom.Search.HiddenCount />
<VeltCommentsSidebarWireframe.Filter.Custom.Search.Input />
<VeltCommentsSidebarWireframe.Filter.Custom.Search.DropdownIcon />
</VeltCommentsSidebarWireframe.Filter.Custom.Search>
{/* If you are using the default filterOptionLayout */}
<VeltCommentsSidebarWireframe.Filter.Custom.Item>
<VeltCommentsSidebarWireframe.Filter.Custom.Item.Checkbox>
<VeltCommentsSidebarWireframe.Filter.Custom.Item.Checkbox.Checked />
<VeltCommentsSidebarWireframe.Filter.Custom.Item.Checkbox.Unchecked />
</VeltCommentsSidebarWireframe.Filter.Custom.Item.Checkbox>
<VeltCommentsSidebarWireframe.Filter.Custom.Item.Name />
<VeltCommentsSidebarWireframe.Filter.Custom.Item.Count />
</VeltCommentsSidebarWireframe.Filter.Custom.Item>
</VeltCommentsSidebarWireframe.Filter.Custom>
</VeltWireframe>
Assistant
Responses are generated using AI and may contain mistakes.