Comments screen examples

Dovetail

Content editor where the user reviews a product feedback document, highlights a specific passage, and drafts a comment.

Cake

List view of stock transfers with a modal open where the user can view history and add a new comment to a specific transaction.

• Edit
• Table

Capsule

Dashboard home screen where the user is viewing the recent comments tab, which currently displays an empty state prompting them to start using threads.

• Empty State
• Dashboard

Workflow

Detail page where a user reviews a design version, views a comment thread, and sees a toast indicating the current version was deleted.

• Media Detail
• Approval Flow

Slite

Document editor where the user is reading a verified design engineering guide while reviewing an active comments panel on the right.

• Media Detail
• Share

Creatopy

Design editor preview mode where a user reviews an Instagram post design and interacts with contextual comments.

• Media Detail
• Design Editor

Gamma

Content editor where a user is reviewing a block-based document about Steve Jobs and reading an active inline comment thread.

• Media Editor
• Share

Kajabi

Inbox view showing an empty state for deleted comments, with a dropdown to filter by specific products and a search bar.

• Empty State
• Filter & Sort

Lottie

Design editor where the user previews an animation and reviews a comment thread in the right sidebar.

• Media Detail
• AI Review

Teachable

Course administration inbox showing an empty state for student comments, featuring an upgrade banner and a reminder to enable comments in lessons.

• Empty State
• Info

Pitch

Presentation editor where the user is viewing a specific slide and interacting with a comments thread in the right sidebar.

• Edit
• Share

Eraser

Content editor where a user is reviewing a technical document with embedded diagrams and interacting with an open comment thread.

• Media Editor
• Share