Comments

circle-check
circle-info

The comments badge reflects the total number of comments, not just unread or new comments.

circle-info

Comments remain attached to the specific product version and are visible to any user with access to that product.

circle-info

The sidebar automatically closes when navigating away from the Product Detail view.

Accessing the Comments Panel

A comments icon appears in two places:

  • Product Detail view: Top-right toolbar. When there are no comments, the icon displays in its inactive (outlined) state. When comments exist, a badge shows the total count of comments beside the icon.
Clicking the icon opens the sidebar; clicking again (or clicking the close icon) hides it.

Product card - comments section highlghted
  • Catalog (Grid/Table) view: In each row’s actions column, alongside edit and delete icons.

Once opened, the comments sidebar shows:

  • A New Comment button at the top for creating a comment.

  • A scrollable list of existing comments, each rendered as a card containing:

    • The user avatar or initials and author name

    • The comment text.

    • A timestamp indicating when it was created.

    • Edit (pencil) and Delete (trash) icons on hover for comments you own.

Adding a New Comment

  • Open the Comments sidebar by clicking the comment icon in the top-right toolbar of the Product Detail view.

  • In the Write a comment… field at the top of the sidebar, type your comment text.

  • Click Add comment to post.

  • If you change your mind, click Cancel to clear the input.

Editing and Deleting

  • Edit: Click the pencil icon on your comment card. Modify the text, then click Save comment or Cancel.

  • Delete: Click the trash icon, then confirm to remove the comment permanently. The badge count updates accordingly.

Last updated

Was this helpful?