Back to Components
Components

Comment Thread

Nested comment display with reply action, like count, and indented replies.

J
Jordan LeeJust now

Really like the new layout. The spacing feels a lot calmer than the previous version.

12 likes
S
Samir Patel2 minutes ago

Agreed. The alignment changes also make the navigation more obvious.

3 likes
A
Ava Wright20 minutes ago

Can we add a note for the animation timing? It feels a bit fast on mobile.

5 likes

Dependencies

  • clsx
  • tailwind-merge

Files

  • components/ui/comment-thread.tsx

Installation

Using shadcn CLI

npx shadcn add comment-thread --url https://ui.hampton.io

Manual installation

Copy the component file to your project and install dependencies:

npm install clsx tailwind-merge