---
tags: components
title: Comments on bug previews
description: "Bug comment preview components for displaying discussion threads on bug reports."
---

%p.mb-xs Used f.e. in the Customer UI - product overview.

.list-chat-messages
  .chat-message-item
    %details.dropdown-actions.chat-avatar
      %summary
        .user-item.linked
          %img{src:"/assets/images/placeholders/profile_supergirl.png"}
      .popover-menu
        %a.popover-action{href:'#'}
          %span.icon.icon-user-story-test
          Tester profile
        %a.popover-action{href:'#'}
          %span.icon.icon-review-exclamation
          Report tester
    .chat-header
      2 hours by 
      .chat-author Message sender
       | 
      %a{href:""} #123321 Bug title for the mentioned bug
    .chat-message
      Here's a short message. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
      .chat-message-addons
        %a.btn{href:""} Show bug