Version Tags

Workflow version history with a colored status dot, monospace tag, emerald active, amber draft, and muted archived pills, and author with date on the right.

Versions
  1. v3ActiveAda L.·Apr 20
  2. v2DraftMarcus R.·Apr 14
  3. v1ArchivedPriya S.·Mar 30

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Automation19 } from "@/components/beste/piece/automation19";

<Automation19
  heading="Versions"
  versions={[
    {
      "tag": "v3",
      "status": "active",
      "date": "Apr 20",
      "author": "Ada L."
    },
    {
      "tag": "v2",
      "status": "draft",
      "date": "Apr 14",
      "author": "Marcus R."
    },
    {
      "tag": "v1",
      "status": "archived",
      "date": "Mar 30",
      "author": "Priya S."
    }
  ]}
  activeLabel="Active"
  draftLabel="Draft"
  archivedLabel="Archived"
/>