Activity Timeline
Activity timeline with icon or dot markers that fade in one by one.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
ActivityTimelineProps
Also accepts all props of React.ComponentProps<"ol">
| Prop | Type | Default | Description |
|---|---|---|---|
| items* required | TimelineItem[] | — | — |
| variant | "default" | "compact" | "default" | "default" uses icon markers, "compact" uses small dots |
| animate | boolean | true | Fade the items in one after another |
| stagger | number | 80 | Delay between items in ms |
Install
$ npx shadcn@latest add https://chromotion.dev/r/activity-timeline.jsonThe CLI installs the base component; your customizations live in the code generated on the Customize tab.