Skip to main content
Conventions
  • React names use PascalCase under the VeltCommentDialogWireframe namespace.
  • Parent/child is determined only by the extension path (A.B → B is a child of A). Visual placement (e.g., inside Header) does not imply hierarchy.
  • HTML names mirror React 1:1 in kebab-case.
  • (Leaf) = component has no children in this wireframe.

​
React

VeltCommentDialogWireframe

​
VeltCommentDialogWireframe.GhostBanner

(no direct children)

​
VeltCommentDialogWireframe.PrivateBanner

(no direct children)

​
VeltCommentDialogWireframe.AssigneeBanner

  • VeltCommentDialogWireframe.AssigneeBanner.ResolveButton (Leaf)
  • VeltCommentDialogWireframe.AssigneeBanner.UserAvatar (Leaf)
  • VeltCommentDialogWireframe.AssigneeBanner.UserName (Leaf)

​
VeltCommentDialogWireframe.Header

​
VeltCommentDialogWireframe.CommentNumber (Leaf)

​
VeltCommentDialogWireframe.Status

​
VeltCommentDialogWireframe.Priority

​
VeltCommentDialogWireframe.Options

​
VeltCommentDialogWireframe.ResolveButton

​
VeltCommentDialogWireframe.CustomAnnotationDropdown

  • VeltCommentDialogWireframe.CustomAnnotationDropdown.Trigger
  • VeltCommentDialogWireframe.CustomAnnotationDropdown.Content

​
VeltCommentDialogWireframe.CustomAnnotationDropdown.Trigger

  • VeltCommentDialogWireframe.CustomAnnotationDropdown.Trigger.List
  • VeltCommentDialogWireframe.CustomAnnotationDropdown.Trigger.RemainingCount (Leaf)
  • VeltCommentDialogWireframe.CustomAnnotationDropdown.Trigger.Placeholder (Leaf)
  • VeltCommentDialogWireframe.CustomAnnotationDropdown.Trigger.Arrow (Leaf)

​
VeltCommentDialogWireframe.CustomAnnotationDropdown.Trigger.List

  • VeltCommentDialogWireframe.CustomAnnotationDropdown.Trigger.List.Item (Leaf)

​
VeltCommentDialogWireframe.CustomAnnotationDropdown.Content

  • VeltCommentDialogWireframe.CustomAnnotationDropdown.Content.Item

​
VeltCommentDialogWireframe.CustomAnnotationDropdown.Content.Item

  • VeltCommentDialogWireframe.CustomAnnotationDropdown.Content.Item.Label (Leaf)
  • VeltCommentDialogWireframe.CustomAnnotationDropdown.Content.Item.Icon (Leaf)

​
VeltCommentDialogWireframe.CommentIndex

​
VeltCommentDialogWireframe.CommentCategory

​
VeltCommentDialogWireframe.CommentSuggestionStatus

​
VeltCommentDialogWireframe.NavigationButton

​
VeltCommentDialogWireframe.PrivateBadge

​
VeltCommentDialogWireframe.Body

​
VeltCommentDialogWireframe.Threads

​
VeltCommentDialogWireframe.ThreadCard

​
VeltCommentDialogWireframe.ThreadCard

  • VeltCommentDialogWireframe.ThreadCard.Avatar (Leaf)
  • VeltCommentDialogWireframe.ThreadCard.Name (Leaf)
  • VeltCommentDialogWireframe.ThreadCard.Unread (Leaf)
  • VeltCommentDialogWireframe.ThreadCard.SeenDropdown
  • VeltCommentDialogWireframe.ThreadCard.Time (Leaf)
  • VeltCommentDialogWireframe.ThreadCard.DeviceType (Leaf)
  • VeltCommentDialogWireframe.ThreadCard.Options (Leaf)
  • VeltCommentDialogWireframe.ThreadCard.Message (Leaf)
  • VeltCommentDialogWireframe.ThreadCard.ReactionTool (Leaf)
  • VeltCommentDialogWireframe.ThreadCard.Reactions (Leaf)
  • VeltCommentDialogWireframe.ThreadCard.Attachments
  • VeltCommentDialogWireframe.ThreadCard.Recordings (Leaf)
  • VeltCommentDialogWireframe.ThreadCard.Reply (Leaf)
VeltCommentDialogWireframe.ThreadCard.SeenDropdown
  • VeltCommentDialogWireframe.ThreadCard.SeenDropdown.Trigger (Leaf)
  • VeltCommentDialogWireframe.ThreadCard.SeenDropdown.Content
VeltCommentDialogWireframe.ThreadCard.SeenDropdown.Content
  • VeltCommentDialogWireframe.ThreadCard.SeenDropdown.Content.Title (Leaf)
  • VeltCommentDialogWireframe.ThreadCard.SeenDropdown.Content.Items
VeltCommentDialogWireframe.ThreadCard.SeenDropdown.Content.Items
  • VeltCommentDialogWireframe.ThreadCard.SeenDropdown.Content.Items.Item
VeltCommentDialogWireframe.ThreadCard.SeenDropdown.Content.Items.Item
  • VeltCommentDialogWireframe.ThreadCard.SeenDropdown.Content.Items.Item.Time (Leaf)
  • VeltCommentDialogWireframe.ThreadCard.SeenDropdown.Content.Items.Item.Name (Leaf)
  • VeltCommentDialogWireframe.ThreadCard.SeenDropdown.Content.Items.Item.Avatar (Leaf)
VeltCommentDialogWireframe.ThreadCard.Attachments
  • VeltCommentDialogWireframe.ThreadCard.Attachments.Image
  • VeltCommentDialogWireframe.ThreadCard.Attachments.Other
VeltCommentDialogWireframe.ThreadCard.Attachments.Image
  • VeltCommentDialogWireframe.ThreadCard.Attachments.Image.Preview (Leaf)
  • VeltCommentDialogWireframe.ThreadCard.Attachments.Image.Delete (Leaf)
  • VeltCommentDialogWireframe.ThreadCard.Attachments.Image.Download (Leaf)
VeltCommentDialogWireframe.ThreadCard.Attachments.Other
  • VeltCommentDialogWireframe.ThreadCard.Attachments.Other.Delete (Leaf)
  • VeltCommentDialogWireframe.ThreadCard.Attachments.Other.Download (Leaf)
  • VeltCommentDialogWireframe.ThreadCard.Attachments.Other.Icon (Leaf)
  • VeltCommentDialogWireframe.ThreadCard.Attachments.Other.Name (Leaf)
  • VeltCommentDialogWireframe.ThreadCard.Attachments.Other.Size (Leaf)

​
VeltCommentDialogWireframe.ReplyAvatars

​
VeltCommentDialogWireframe.ReplyAvatars

  • VeltCommentDialogWireframe.ReplyAvatars.List
  • VeltCommentDialogWireframe.ReplyAvatars.RemainingCount (Leaf)
VeltCommentDialogWireframe.ReplyAvatars.List
  • VeltCommentDialogWireframe.ReplyAvatars.List.Item (Leaf)

​
VeltCommentDialogWireframe.ToggleReply

​
VeltCommentDialogWireframe.ToggleReply

  • VeltCommentDialogWireframe.ToggleReply.Icon (Leaf)
  • VeltCommentDialogWireframe.ToggleReply.Count (Leaf)
  • VeltCommentDialogWireframe.ToggleReply.Text (Leaf)

​
VeltCommentDialogWireframe.HideReply

​
VeltCommentDialogWireframe.HideReply

(no direct children)

​
VeltCommentDialogWireframe.Composer

  • VeltCommentDialogWireframe.Composer.Avatar (Leaf)
  • VeltCommentDialogWireframe.Composer.Attachments
  • VeltCommentDialogWireframe.Composer.Recordings (Leaf)
  • VeltCommentDialogWireframe.Composer.Input (Leaf)
  • VeltCommentDialogWireframe.Composer.ActionButton (Leaf)
  • VeltCommentDialogWireframe.Composer.AssignUser (Leaf)

​
VeltCommentDialogWireframe.Composer.Attachments

  • VeltCommentDialogWireframe.Composer.Attachments.Selected
  • VeltCommentDialogWireframe.Composer.Attachments.Invalid
VeltCommentDialogWireframe.Composer.Attachments.Selected
  • VeltCommentDialogWireframe.Composer.Attachments.Selected.Image
  • VeltCommentDialogWireframe.Composer.Attachments.Selected.Other
VeltCommentDialogWireframe.Composer.Attachments.Selected.Image
  • VeltCommentDialogWireframe.Composer.Attachments.Selected.Image.Preview (Leaf)
  • VeltCommentDialogWireframe.Composer.Attachments.Selected.Image.Delete (Leaf)
  • VeltCommentDialogWireframe.Composer.Attachments.Selected.Image.Loading (Leaf)
VeltCommentDialogWireframe.Composer.Attachments.Selected.Other
  • VeltCommentDialogWireframe.Composer.Attachments.Selected.Other.Delete (Leaf)
  • VeltCommentDialogWireframe.Composer.Attachments.Selected.Other.Loading (Leaf)
  • VeltCommentDialogWireframe.Composer.Attachments.Selected.Other.Icon (Leaf)
  • VeltCommentDialogWireframe.Composer.Attachments.Selected.Other.Name (Leaf)
  • VeltCommentDialogWireframe.Composer.Attachments.Selected.Other.Size (Leaf)
VeltCommentDialogWireframe.Composer.Attachments.Invalid
  • VeltCommentDialogWireframe.Composer.Attachments.Invalid.Item
VeltCommentDialogWireframe.Composer.Attachments.Invalid.Item
  • VeltCommentDialogWireframe.Composer.Attachments.Invalid.Item.Preview (Leaf)
  • VeltCommentDialogWireframe.Composer.Attachments.Invalid.Item.Message (Leaf)
  • VeltCommentDialogWireframe.Composer.Attachments.Invalid.Item.Delete (Leaf)

​
VeltCommentDialogWireframe.AllComment

​
VeltCommentDialogWireframe.Approve

​
VeltCommentDialogWireframe.SignIn

​
VeltCommentDialogWireframe.Upgrade

​
VeltCommentDialogWireframe.SuggestionAction

  • VeltCommentDialogWireframe.SuggestionAction.Accept (Leaf)
  • VeltCommentDialogWireframe.SuggestionAction.Reject (Leaf)

​
HTML (1:1 mirror)

velt-comment-dialog-wireframe

​
velt-comment-dialog-ghost-banner-wireframe

(no direct children)

​
velt-comment-dialog-private-banner-wireframe

(no direct children)

​
velt-comment-dialog-assignee-banner-wireframe

  • velt-comment-dialog-assignee-banner-resolve-button-wireframe (Leaf)
  • velt-comment-dialog-assignee-banner-user-avatar-wireframe (Leaf)
  • velt-comment-dialog-assignee-banner-user-name-wireframe (Leaf)

​
velt-comment-dialog-header-wireframe

(no direct children)

​
velt-comment-dialog-comment-number-wireframe (Leaf)

​
velt-comment-dialog-status-wireframe

​
velt-comment-dialog-priority-wireframe

​
velt-comment-dialog-options-wireframe

​
velt-comment-dialog-resolve-button-wireframe

​
velt-comment-dialog-custom-annotation-dropdown-wireframe

  • velt-comment-dialog-custom-annotation-dropdown-trigger-wireframe
  • velt-comment-dialog-custom-annotation-dropdown-content-wireframe

​
velt-comment-dialog-custom-annotation-dropdown-trigger-wireframe

  • velt-comment-dialog-custom-annotation-dropdown-trigger-list-wireframe
  • velt-comment-dialog-custom-annotation-dropdown-trigger-remaining-count-wireframe (Leaf)
  • velt-comment-dialog-custom-annotation-dropdown-trigger-placeholder-wireframe (Leaf)
  • velt-comment-dialog-custom-annotation-dropdown-trigger-arrow-wireframe (Leaf)

​
velt-comment-dialog-custom-annotation-dropdown-trigger-list-wireframe

  • velt-comment-dialog-custom-annotation-dropdown-trigger-list-item-wireframe (Leaf)

​
velt-comment-dialog-custom-annotation-dropdown-content-wireframe

  • velt-comment-dialog-custom-annotation-dropdown-content-item-wireframe

​
velt-comment-dialog-custom-annotation-dropdown-content-item-wireframe

  • velt-comment-dialog-custom-annotation-dropdown-content-item-label-wireframe (Leaf)
  • velt-comment-dialog-custom-annotation-dropdown-content-item-icon-wireframe (Leaf)

​
velt-comment-dialog-comment-index-wireframe

​
velt-comment-dialog-comment-category-wireframe

​
velt-comment-dialog-comment-suggestion-status-wireframe

​
velt-comment-dialog-navigation-button-wireframe

​
velt-comment-dialog-private-badge-wireframe

​
velt-comment-dialog-body-wireframe

(no direct children here — see its children below)

​
velt-comment-dialog-threads-wireframe

  • velt-comment-dialog-thread-card-wireframe

​
velt-comment-dialog-thread-card-wireframe

  • velt-comment-dialog-thread-card-avatar-wireframe (Leaf)
  • velt-comment-dialog-thread-card-name-wireframe (Leaf)
  • velt-comment-dialog-thread-card-unread-wireframe (Leaf)
  • velt-comment-dialog-thread-card-seen-dropdown-wireframe
  • velt-comment-dialog-thread-card-time-wireframe (Leaf)
  • velt-comment-dialog-thread-card-device-type-wireframe (Leaf)
  • velt-comment-dialog-thread-card-options-wireframe (Leaf)
  • velt-comment-dialog-thread-card-message-wireframe (Leaf)
  • velt-comment-dialog-thread-card-reaction-tool-wireframe (Leaf)
  • velt-comment-dialog-thread-card-reactions-wireframe (Leaf)
  • velt-comment-dialog-thread-card-attachments-wireframe
  • velt-comment-dialog-thread-card-recordings-wireframe (Leaf)
  • velt-comment-dialog-thread-card-reply-wireframe (Leaf)
velt-comment-dialog-thread-card-seen-dropdown-wireframe
  • velt-comment-dialog-thread-card-seen-dropdown-trigger-wireframe (Leaf)
  • velt-comment-dialog-thread-card-seen-dropdown-content-wireframe
velt-comment-dialog-thread-card-seen-dropdown-content-wireframe
  • velt-comment-dialog-thread-card-seen-dropdown-content-title-wireframe (Leaf)
  • velt-comment-dialog-thread-card-seen-dropdown-content-items-wireframe
velt-comment-dialog-thread-card-seen-dropdown-content-items-wireframe
  • velt-comment-dialog-thread-card-seen-dropdown-content-items-item-wireframe
velt-comment-dialog-thread-card-seen-dropdown-content-items-item-wireframe
  • velt-comment-dialog-thread-card-seen-dropdown-content-items-item-time-wireframe (Leaf)
  • velt-comment-dialog-thread-card-seen-dropdown-content-items-item-name-wireframe (Leaf)
  • velt-comment-dialog-thread-card-seen-dropdown-content-items-item-avatar-wireframe (Leaf)
velt-comment-dialog-thread-card-attachments-wireframe
  • velt-comment-dialog-thread-card-attachments-image-wireframe
  • velt-comment-dialog-thread-card-attachments-other-wireframe
velt-comment-dialog-thread-card-attachments-image-wireframe
  • velt-comment-dialog-thread-card-attachments-image-preview-wireframe (Leaf)
  • velt-comment-dialog-thread-card-attachments-image-delete-wireframe (Leaf)
  • velt-comment-dialog-thread-card-attachments-image-download-wireframe (Leaf)
velt-comment-dialog-thread-card-attachments-other-wireframe
  • velt-comment-dialog-thread-card-attachments-other-delete-wireframe (Leaf)
  • velt-comment-dialog-thread-card-attachments-other-download-wireframe (Leaf)
  • velt-comment-dialog-thread-card-attachments-other-icon-wireframe (Leaf)
  • velt-comment-dialog-thread-card-attachments-other-name-wireframe (Leaf)
  • velt-comment-dialog-thread-card-attachments-other-size-wireframe (Leaf)

​
velt-comment-dialog-reply-avatars-wireframe

  • velt-comment-dialog-reply-avatars-list-wireframe
  • velt-comment-dialog-reply-avatars-remaining-count-wireframe (Leaf)

​
velt-comment-dialog-reply-avatars-list-wireframe

  • velt-comment-dialog-reply-avatars-list-item-wireframe (Leaf)

​
velt-comment-dialog-toggle-reply-wireframe

  • velt-comment-dialog-toggle-reply-icon-wireframe (Leaf)
  • velt-comment-dialog-toggle-reply-count-wireframe (Leaf)
  • velt-comment-dialog-toggle-reply-text-wireframe (Leaf)

​
velt-comment-dialog-hide-reply-wireframe

(no direct children)

​
velt-comment-dialog-composer-wireframe

  • velt-comment-dialog-composer-avatar-wireframe (Leaf)
  • velt-comment-dialog-composer-attachments-wireframe
  • velt-comment-dialog-composer-recordings-wireframe (Leaf)
  • velt-comment-dialog-composer-input-wireframe (Leaf)
  • velt-comment-dialog-composer-action-button-wireframe (Leaf)
  • velt-comment-dialog-composer-assign-user-wireframe (Leaf)

​
velt-comment-dialog-composer-attachments-wireframe

  • velt-comment-dialog-composer-attachments-selected-wireframe
  • velt-comment-dialog-composer-attachments-invalid-wireframe
velt-comment-dialog-composer-attachments-selected-wireframe
  • velt-comment-dialog-composer-attachments-selected-image-wireframe
  • velt-comment-dialog-composer-attachments-selected-other-wireframe
velt-comment-dialog-composer-attachments-selected-image-wireframe
  • velt-comment-dialog-composer-attachments-selected-image-preview-wireframe (Leaf)
  • velt-comment-dialog-composer-attachments-selected-image-delete-wireframe (Leaf)
  • velt-comment-dialog-composer-attachments-selected-image-loading-wireframe (Leaf)
velt-comment-dialog-composer-attachments-selected-other-wireframe
  • velt-comment-dialog-composer-attachments-selected-other-delete-wireframe (Leaf)
  • velt-comment-dialog-composer-attachments-selected-other-loading-wireframe (Leaf)
  • velt-comment-dialog-composer-attachments-selected-other-icon-wireframe (Leaf)
  • velt-comment-dialog-composer-attachments-selected-other-name-wireframe (Leaf)
  • velt-comment-dialog-composer-attachments-selected-other-size-wireframe (Leaf)
velt-comment-dialog-composer-attachments-invalid-wireframe
  • velt-comment-dialog-composer-attachments-invalid-item-wireframe
velt-comment-dialog-composer-attachments-invalid-item-wireframe
  • velt-comment-dialog-composer-attachments-invalid-item-preview-wireframe (Leaf)
  • velt-comment-dialog-composer-attachments-invalid-item-message-wireframe (Leaf)
  • velt-comment-dialog-composer-attachments-invalid-item-delete-wireframe (Leaf)

​
velt-comment-dialog-all-comment-wireframe

​
velt-comment-dialog-approve-wireframe

​
velt-comment-dialog-sign-in-wireframe

​
velt-comment-dialog-upgrade-wireframe

​
velt-comment-dialog-suggestion-action-wireframe

  • velt-comment-dialog-suggestion-action-accept-wireframe (Leaf)
  • velt-comment-dialog-suggestion-action-reject-wireframe (Leaf)