Interactive Timeline
A developer-focused milestone and deployment timeline featuring dynamic progress lines, pulsating status nodes, expandable telemetry cards, and commit hash copy.
Loading preview…
Installation
Add the component directly to your repository using shadcn CLI:
npx shadcn@latest add Surajmaurya1/easyui/interactive-timeline
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| items | TimelineItem[] | [] | Array of timeline step items |
| defaultSelectedId | string | items[0]?.id | ID of the item initially expanded |
| collapsible | boolean | true | Whether cards can be expanded/collapsed on click |
| onItemSelect | (item: TimelineItem) => void | undefined | Callback invoked when a timeline node or card is selected |
| className | string | undefined | Optional CSS classes for outer container |