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
- List
- Page mode composer
- Reset filter button
- Sidebar Button
- Skeleton
- In-app Notifications
- Inline Reactions
- Arrows
Realtime Collaboration
- Presence
- Cursors
- Live Selection
- Huddle
Subcomponents
Focused thread
<VeltWireframe>
<VeltCommentsSidebarWireframe.FocusedThread>
{/* Back Button to back to default view with all threads */}
<VeltCommentsSidebarWireframe.FocusedThread.BackButton />
{/* Container that contains the comment dialog */}
<VeltCommentsSidebarWireframe.FocusedThread.DialogContainer />
</VeltCommentsSidebarWireframe.FocusedThread>
</VeltWireframe>
We recommend that you familiarize yourselves with UI Customization Concepts before attempting to modify any components.
<VeltWireframe>
<VeltCommentsSidebarWireframe.FocusedThread>
{/* Back Button to back to default view with all threads */}
<VeltCommentsSidebarWireframe.FocusedThread.BackButton />
{/* Container that contains the comment dialog */}
<VeltCommentsSidebarWireframe.FocusedThread.DialogContainer />
</VeltCommentsSidebarWireframe.FocusedThread>
</VeltWireframe>
<VeltWireframe>
<VeltCommentsSidebarWireframe.FocusedThread>
{/* Back Button to back to default view with all threads */}
<VeltCommentsSidebarWireframe.FocusedThread.BackButton />
{/* Container that contains the comment dialog */}
<VeltCommentsSidebarWireframe.FocusedThread.DialogContainer />
</VeltCommentsSidebarWireframe.FocusedThread>
</VeltWireframe>