OOratiq

Activity Feed

Ready

Timeline of events with actors and times.

  1. v0.2.0 deployed to production

  2. CB

    Chris approved the release

    "RTL snapshots all green — ship it."

  3. 3 commits pushed to main

  4. CI passed

Installation

$ npx @oratiq-js/ui add activity-feed

Copies the component and everything it depends on into your project, then lists the npm packages to install. The code is yours after this.

Usage

import
import { ActivityFeed, ActivityItem, ActivityTitle, ActivityDescription, ActivityTime } from "@/components/ui/activity-feed";

Behaviour

  • An ordered list — sequence is meaning, and screen readers announce position.
  • The connector line runs down the marker column with logical positioning; the feed mirrors under RTL.
  • Pass `last` on the final item to end the line cleanly.
  • Titles and descriptions carry dir=auto — activity text is user content in any language.
Media slot takes anything: a FeaturedIcon for system events, an Avatar for people.

View source on GitHub → components/ui/activity-feed.tsx