Skip to Content

Activity Feed Card

Activity log card for dashboards and audit history: a large display count, a timeline of actor, action and target events with times and optional comments, accent dots for featured items and an optional period summary footer.

pnpm dlx shadcn add @01orbital/activity-feed-card

Usage

import { ActivityFeedCard } from "@/components/card/activity-feed-card"

Needs props to render

Pass title, events, countLabel; see the API reference below.

Examples

New

activity-feed-card-booking-log

activity-feed-card-booking-log

Booking Log

Example of the Activity Feed Card: a clinic's morning bookings listed as a timeline on a soft teal ground. The card is a dashboard goal or activity tracker with a chart.

pnpm dlx shadcn add @01orbital/activity-feed-card-booking-log

API reference

A card showing an activity count and a timeline of events, with optional comments, a summary row and footer actions.

It takes no children. className and other props land on the Card.

Prop

Type

It also accepts the HTML attributes of the element it renders.

Dependencies

npm: cn. The CLI installs them for you.

Registry pieces it installs with it: