CommentThread

Responsive review thread with labelled replies, resolved state, author context, and reduced-motion transitions.

InterfaceSource ready6 props documentedLive preview
Add with shadcnnpx shadcn@latest add https://www.uigrids.com/r/comment-thread.json
Interactive preview
Interface

Review thread

1 comments

Mira Chen

The mobile hierarchy reads well now.

Install with the CLI

# adds CommentThread to components/ui with the shadcn CLI
npx shadcn@latest add https://www.uigrids.com/r/comment-thread.json

Or install the package

// npm install @uigrids/react-ui
import { CommentThread } from '@uigrids/react-ui'

export default function App() {
  return <CommentThread />
}

Props

PropTypeDefaultDescription
titlestring'Review thread'Configures the title option.
commentsunknownDEFAULT_COMMENTSConfigures the comments option.
defaultResolvedbooleanfalseConfigures the default resolved option.
onReplyunknown-Configures the on reply option.
onResolveunknown-Configures the on resolve option.
classNamestring''Additional CSS classes for the outer element.