Recent Activity

RecentActivity renders a compact list of recent activities (up to 2) with timestamps and a configurable "More" link. Pass your own activities array to populate it from any data source.

Installation

npx shadcn@latest add @adv/recent-activity

Usage

import { RecentActivity } from '@/components/sidebar/RecentActivity';

const activities = [
  { id: '1', title: 'Shipped new feature', time: '1 hour ago' },
  { id: '2', title: 'Updated design tokens', time: 'Yesterday' },
];

<RecentActivity activities={activities} moreHref="/activities" />

Example

RECENT ACTIVITY

Published new blog post on design systems

1 hour ago

Shipped sidebar component to registry

3 hours ago

Prop	Type	Default	Description
`activities`	`Activity[]`	2 sample items	Array of activity items to display (first 2 shown).
`moreHref`	`string`	`"/activities"`	href for the "MORE →" link at the bottom.

Activity type

export interface Activity {
  id: string;
  title: string;
  time: string;
}