There are two set of options wireframes:
Velt Comment Dialog Options Wireframe
: Scopes the changes to the header options dropdown.
Velt Comment Dialog Thread Card Options Wireframe
: Scopes the changes to the individual message card options dropdown.
They share the same children components. However, the children components show conditionally based on their parent:
- Thread level actions: Copy link, subscribe, delete thread. They only appear in the header.
- Message level actions: Edit, delete. They only appear in the individual message cards.
The wireframes covered here are used to customize the header options dropdown.
<VeltWireframe>
<VeltCommentDialogWireframe.Options> {/* This parent wireframe scopes the changes to only the header options dropdown. */}
<VeltCommentDialogWireframe.Options.Trigger />
<VeltCommentDialogWireframe.Options.Content>
<VeltCommentDialogWireframe.Options.Content.MakePrivate>
<VeltCommentDialogWireframe.Options.Content.MakePrivate.Enable />
<VeltCommentDialogWireframe.Options.Content.MakePrivate.Disable />
</VeltCommentDialogWireframe.Options.Content.MakePrivate>
<VeltCommentDialogWireframe.Options.Content.Assign />
<VeltCommentDialogWireframe.Options.Content.Edit />
<VeltCommentDialogWireframe.Options.Content.Delete>
<VeltCommentDialogWireframe.Options.Content.Delete.Thread />
<VeltCommentDialogWireframe.Options.Content.Delete.Comment />
</VeltCommentDialogWireframe.Options.Content.Delete>
<VeltCommentDialogWireframe.Options.Content.Notification>
<VeltCommentDialogWireframe.Options.Content.Notification.Subscribe />
<VeltCommentDialogWireframe.Options.Content.Notification.Unsubscribe />
</VeltCommentDialogWireframe.Options.Content.Notification>
</VeltCommentDialogWireframe.Options.Content>
</VeltCommentDialogWireframe.Options>
</VeltWireframe>