Comment

A comment displays user feedback and discussion to website content.

Comment

When to use

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


Basic comment

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

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.

Usage with list

Displaying a series of comments using the antd List Component.
2 replies
  • DB

    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.

  • AL

    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.

Nested comments

Comments can be nested.
DB

We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure).

AL

We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure).

DB

We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure).

DB

We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure).

Reply Editor

Comment can be used as an editor, so the user can customize the contents of the component.
AL

API

PropertyDescriptionTypeDefault
actions
List of action items rendered below the comment content
Array
-
author
The element to display as the comment author
string | ReactNode
-
avatar
The element to display as the comment avatar - generally an antd Avatar or src
string | ReactNode
-
children
Nested comments should be provided as children of the Comment
ReactNode
-
content
The main content of the comment
string | ReactNode
-
datetime
A datetime element containing the time to be displayed
string | ReactNode
-