Timeline

A chronological activity tracker with status indicators and AI agent integration. Perfect for project tracking, process workflows, and real-time status updates.

Installation

hax init
hax add artifact timeline

Component Setup

import { HAXTimeline, useTimelineAction } from "@/hax/artifacts/timeline";

export function ProjectTracker() {
  const [artifacts, setArtifacts] = useState([]);

  useTimelineAction({
    addOrUpdateArtifact: (type, data) => {
      // Handle timeline updates
    }
  });

  return (
    <HAXTimeline
      title="Project Activity"
      items={timelineActivities}
    />
  );
}