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
- Focused thread
- Header
- Overview
- Subcomponents
- List
- Page mode composer
- Reset filter button
- Sidebar Button
- Skeleton
- In-app Notifications
- Inline Reactions
- Arrows
Realtime Collaboration
- Presence
- Cursors
- Live Selection
- Huddle
Header
Overview
The subcomponent of the Comments Sidebar that represents the Header of the Sidebar
<VeltWireframe>
<VeltCommentsSidebarWireframe.Header>
<VeltCommentsSidebarWireframe.CloseButton /> {/* Not shown for embedded comments sidebar */}
<VeltCommentsSidebarWireframe.Search placeholder="Search Comments" />
<VeltCommentsSidebarWireframe.Status/>
{/* Not included in the default component */}
<VeltCommentsSidebarWireframe.LocationFilterDropdown/>
{/* Not included in the default component */}
<VeltCommentsSidebarWireframe.MinimalFilterDropdown/>
{/* Not included in the default component */}
<VeltCommentsSidebarWireframe.MinimalActionsDropdown/>
<VeltCommentsSidebarWireframe.FilterButton/>
</VeltCommentsSidebarWireframe.Header>
</VeltWireframe>
We recommend that you familiarize yourselves with UI Customization Concepts before attempting to modify any components.
Default Subcomponent
<VeltWireframe>
<VeltCommentsSidebarWireframe.Header>
<VeltCommentsSidebarWireframe.CloseButton /> {/* Not shown for embedded comments sidebar */}
<VeltCommentsSidebarWireframe.Search placeholder="Search Comments" />
<VeltCommentsSidebarWireframe.Status/>
{/* Not included in the default component */}
<VeltCommentsSidebarWireframe.LocationFilterDropdown/>
{/* Not included in the default component */}
<VeltCommentsSidebarWireframe.MinimalFilterDropdown/>
{/* Not included in the default component */}
<VeltCommentsSidebarWireframe.MinimalActionsDropdown/>
<VeltCommentsSidebarWireframe.FilterButton/>
</VeltCommentsSidebarWireframe.Header>
</VeltWireframe>
Was this page helpful?
<VeltWireframe>
<VeltCommentsSidebarWireframe.Header>
<VeltCommentsSidebarWireframe.CloseButton /> {/* Not shown for embedded comments sidebar */}
<VeltCommentsSidebarWireframe.Search placeholder="Search Comments" />
<VeltCommentsSidebarWireframe.Status/>
{/* Not included in the default component */}
<VeltCommentsSidebarWireframe.LocationFilterDropdown/>
{/* Not included in the default component */}
<VeltCommentsSidebarWireframe.MinimalFilterDropdown/>
{/* Not included in the default component */}
<VeltCommentsSidebarWireframe.MinimalActionsDropdown/>
<VeltCommentsSidebarWireframe.FilterButton/>
</VeltCommentsSidebarWireframe.Header>
</VeltWireframe>