opinion
CommentThread
A discussion where replies nest under their parent. Try replying or liking.
Task discussionReply, like, collapse a branch
No comments yet. Be the first.- PNPriya Nair1d ago
The launch checklist now lists the crew sign-off as its own step.
In context
Task panelThe thread under a task's details
Harbour homepage
In progressDesign
Assigned to Maya Chen
- PNPriya Nair1d ago
The launch checklist now lists the crew sign-off as its own step.
Props
| Prop | Type | Required | Default |
|---|---|---|---|
comments | CommentThreadComment[] | Yes | — |
onReply | ((parentId: string, body: string) => void) | undefined | No | — |
onToggleLike | ((id: string) => void) | undefined | No | — |
emptyLabel | string | undefined | No | No comments yet |
replyLabel | string | undefined | No | Reply |
className | string | undefined | No | — |
Presentational, like ChatThread and FileUpload
Does no networking of its own — the caller owns appending a new reply to comments inside onReply, the same convention ChatThread's own messages prop and FileUpload (no upload) already use.
data-rebar-* attributes
data-rebar-component="comment-thread" on the root; parts: comment (carrying data-rebar-depth), text, timestamp, like, reply-toggle, collapse-toggle, replies.
Migrating to Ant Design
AntD's Comment component (deprecated in v5, moved to @ant-design/compatible) is the closest analog but has no built-in nesting/collapse of its own — not a 1:1 codemod target.
Homepage hero is in. The harbour photo crops badly on narrow screens, can someone check?
On it. I'll switch it to the portrait crop under 600px.
The launch checklist now lists the crew sign-off as its own step.