Concepts
Async Collaboration
- Comments
- In-app Notifications
- 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>