Last Updated

A wrapper that shows a fresh/stale/expired status swatch and an auto-pluralized "time ago" label next to any value, based on configurable thresholds since it was last updated.

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

import { LastUpdated } from "@/components/ui/last-updated";

export default function LastUpdatedDemo() {
  return (
    <div className="flex min-h-screen w-full items-center justify-center bg-white p-10">
      <LastUpdated date={new Date()}>$42.00</LastUpdated>
    </div>
  );
}