Concepts
Async Collaboration
- Comments
- Comment Dialog
- Overview
- Styling
- Variants
- Subcomponents
- All comments
- Approve
- Assignee banner
- Autocomplete option
- Autocomplete group option
- Autocomplete chip tooltip
- Body
- Composer
- Annotation Dropdown
- Ghost banner
- Header
- Navigation button
- Options dropdown
- Priority dropdown
- Private banner
- Reactions panel
- Reaction pin
- Reaction pin tooltip
- Reaction tool
- Sign in
- Status dropdown
- Suggestion action
- Upgrade
- 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
- In-app Notifications
- Recorder
- Inline Reactions
- Arrows
Realtime Collaboration
- Presence
- Cursors
- Live Selection
- Huddle
Subcomponents
Header
The subcomponent of the Comment Dialog that represents the Header.
<VeltWireframe>
<VeltCommentDialogWireframe.Header>
{/* Following subcomponents can be used outside header as well */}
{/* Pin Dialog Header */}
<VeltCommentDialogWireframe.Status />
<VeltCommentDialogWireframe.Priority />
<VeltCommentDialogWireframe.Options />
<VeltCommentDialogWireframe.ResolveButton />
<VeltCommentDialogWireframe.UnresolveButton />
<VeltCommentDialogWireframe.CopyLink />
{/* Close Button. Not added to the default components. You can explicitly add it. */}
<VeltCommentDialogWireframe.CloseButton />
{/* Sidebar Dialog Header */}
<VeltCommentDialogWireframe.CommentCategory />
<VeltCommentDialogWireframe.CommentIndex />
<VeltCommentDialogWireframe.CommentSuggestionStatus />
{/* Navigation Button - Only shown on sidebar when focused thread mode is on */}
<VeltCommentDialogWireframe.NavigationButton />
{/* Delete Button. Not added to the default components. You can explicitly add it. */}
<VeltCommentDialogWireframe.DeleteButton></VeltCommentDialogWireframe.DeleteButton>
</VeltCommentDialogWireframe.Header>
</VeltWireframe>
We recommend that you familiarize yourselves with UI Customization Concepts before attempting to modify any components.
Default Subcomponent
<VeltWireframe>
<VeltCommentDialogWireframe.Header>
{/* Following subcomponents can be used outside header as well */}
{/* Pin Dialog Header */}
<VeltCommentDialogWireframe.Status />
<VeltCommentDialogWireframe.Priority />
<VeltCommentDialogWireframe.Options />
<VeltCommentDialogWireframe.ResolveButton />
<VeltCommentDialogWireframe.UnresolveButton />
<VeltCommentDialogWireframe.CopyLink />
{/* Close Button. Not added to the default components. You can explicitly add it. */}
<VeltCommentDialogWireframe.CloseButton />
{/* Sidebar Dialog Header */}
<VeltCommentDialogWireframe.CommentCategory />
<VeltCommentDialogWireframe.CommentIndex />
<VeltCommentDialogWireframe.CommentSuggestionStatus />
{/* Navigation Button - Only shown on sidebar when focused thread mode is on */}
<VeltCommentDialogWireframe.NavigationButton />
{/* Delete Button. Not added to the default components. You can explicitly add it. */}
<VeltCommentDialogWireframe.DeleteButton></VeltCommentDialogWireframe.DeleteButton>
</VeltCommentDialogWireframe.Header>
</VeltWireframe>
Was this page helpful?
<VeltWireframe>
<VeltCommentDialogWireframe.Header>
{/* Following subcomponents can be used outside header as well */}
{/* Pin Dialog Header */}
<VeltCommentDialogWireframe.Status />
<VeltCommentDialogWireframe.Priority />
<VeltCommentDialogWireframe.Options />
<VeltCommentDialogWireframe.ResolveButton />
<VeltCommentDialogWireframe.UnresolveButton />
<VeltCommentDialogWireframe.CopyLink />
{/* Close Button. Not added to the default components. You can explicitly add it. */}
<VeltCommentDialogWireframe.CloseButton />
{/* Sidebar Dialog Header */}
<VeltCommentDialogWireframe.CommentCategory />
<VeltCommentDialogWireframe.CommentIndex />
<VeltCommentDialogWireframe.CommentSuggestionStatus />
{/* Navigation Button - Only shown on sidebar when focused thread mode is on */}
<VeltCommentDialogWireframe.NavigationButton />
{/* Delete Button. Not added to the default components. You can explicitly add it. */}
<VeltCommentDialogWireframe.DeleteButton></VeltCommentDialogWireframe.DeleteButton>
</VeltCommentDialogWireframe.Header>
</VeltWireframe>