Activity Empty State

An empty-state panel for an activity/audit log timeline that shows a dashed rail above the single seed event with actions to open the audit log or export as CSV.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Activity Empty State to your project and fits it to your theme.

import { ActivityEmpty } from "@/components/ui/activity-empty";

export default function ActivityEmptyDemo() {
  return (
    <div className="flex w-full max-w-md items-center justify-center p-6">
      <ActivityEmpty />
    </div>
  );
}