Back to Components
Cards

Comment Card

Compact comment card with avatar, name, timestamp, body text, like and reply actions.

Jordan Lee

Jordan Lee

2 hours ago

Loved the update. The new flow feels faster and clearer.

SR

Sam Rivera

1 hour ago

This is exactly what we needed. Great work!

Dependencies

  • clsx
  • tailwind-merge

Files

  • components/ui/comment-card.tsx

Installation

Using shadcn CLI

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

Manual installation

Copy the component file to your project and install dependencies:

npm install clsx tailwind-merge