Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProNested comments as a tree: threads collapse with a reply count, the reply box is tied to the selected comment and a posted reply is announced. Use this when discussions have replies to replies and must stay readable with a keyboard.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use it for review comments, discussion boards and activity feeds with replies to replies.
Do not use it for flat chat (use a message list) or for very long threads (add paging or virtual-tree).
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
comments | TreeNode<Comment>[] | - | Comments with replies as children. |
me | string | - | Author name for new replies. |
onReply | (parentId, text) => void | - | A reply was posted (parentId is null for a new thread). |
The pattern ships with a Testing Library test (comment-thread-tree.test.tsx) that covers the spoken row, collapsed threads, replying and starting a new thread.