Timeline
A timeline component that displays a list of items in a vertical or horizontal orientation.
Project Started
Jan 2024
Initial setup
Project Started
Jan 2024
Project Started
Jan 2024
Project Started
Jan 2024
Project Started
Jan 2024
Installation
Install the following dependencies:
Loading...
API Reference
Props list
| Prop | Type | Default | Example | Description |
|---|---|---|---|---|
items | - | - | The list of items / components to be displayed in the timeline. | |
orientation | "vertical" | "horizontal" | "vertical" | - | The orientation of the timeline. |
className | string | undefined | - | "h-full" | The class name to be applied to the timeline container. |
connectorColor | string | undefined | "bg-border" | "bg-red-500" | The color of the connector (Tailwind CSS class). |
connectorVerticalPosition | "left" | "center" | "right" | undefined | - | "center" | The vertical position of the connector. Useful for responsive design. |