Comment

A comment displays user feedback and discussion to website content.

When To Use#

Comments can be used to enable discussions on an entity such as a page, blog post, issue or other.

import { NzCommentModule } from 'ng-zorro-antd/comment';

Examples

We supply a series of design principles, practical patterns and high quality design resources(Sketch and Axure), to help people create their product prototypes beautifully and efficiently.

  • 0
  • Reply to

A basic comment with author, avatar, time and actions.

expand codeexpand code
      Loading...
    

We supply a series of design principles, practical patterns and high quality design resources(Sketch and Axure), to help people create their product prototypes beautifully and efficiently.

  • Reply to

We supply a series of design principles, practical patterns and high quality design resources(Sketch and Axure), to help people create their product prototypes beautifully and efficiently.

  • Reply to

Displaying a series of comments using the nz-list Component.

expand codeexpand code
      Loading...
    

We supply a series of design principles, practical patterns and high quality design resources(Sketch and Axure), to help people create their product prototypes beautifully and efficiently.

  • Reply to

We supply a series of design principles, practical patterns and high quality design resources(Sketch and Axure), to help people create their product prototypes beautifully and efficiently.

  • Reply to

We supply a series of design principles, practical patterns and high quality design resources(Sketch and Axure), to help people create their product prototypes beautifully and efficiently.

  • Reply to

We supply a series of design principles, practical patterns and high quality design resources(Sketch and Axure), to help people create their product prototypes beautifully and efficiently.

  • Reply to

Comments can be nested.

expand codeexpand code
      Loading...
    

Comment can be used as editor, user can customize the editor component.

expand codeexpand code
      Loading...
    

API#

nz-comment#

PropertyDescriptionTypeDefault
[nzAuthor]The element to display as the comment authorstring | TemplateRef<void>-
[nzDatetime]A datetime element containing the time to be displayedstring | TemplateRef<void>-

[nz-comment-avatar]#

The element to display as the comment avatar.

nz-comment-content#

The main content of the comment.

nz-comment-action#

The element items rendered below the comment content.