Timeline
Vertical activity timeline with tone dots or icons, timestamps and a pulsing pending tail.
2 files · 61 locdeps: clsx, tailwind-merge
Installation
With the shadcn CLI, pointing at this platform’s registry:
npx shadcn@latest add https://opusui.131199999.xyz/r/timeline.jsonOr offline, straight from your opus55 checkout (copies every file it needs):
node ../tailwind_component/opus55/scripts/add.mjs timelineUsage
import { Timeline } from "@/components/opus/ui/timeline";
<Timeline items={[{ title: "Deployed", time: "2m ago", tone: "success" }]} />API
| Prop | Type | Default | Description |
|---|---|---|---|
| items | { title, description?, time?, icon?, tone?, pending? }[] | — | Events, newest first. |