Back to Components
Components
Notification Item
Notification row with icon, title, description, timestamp, and unread indicator.
New comment from Jordan
Loved the update. The new flow feels faster.
2 minutes ago
Alex liked your post
Your design system article received a new like.
1 hour ago
Weekly digest ready
Your activity summary for this week is available.
2 days ago
Dependencies
- clsx
- tailwind-merge
Files
- components/ui/notification-item.tsx
Installation
Using shadcn CLI
npx shadcn add notification-item --url https://ui.hampton.ioManual installation
Copy the component file to your project and install dependencies:
npm install clsx tailwind-merge