Docs
Timeline
Timeline
Displays a beautiful Timeline.
Installation
Copy and paste the cn util code into your project.
import { ClassValue, clsx } from "clsx"
import { twMerge } from "tailwind-merge"
export function cn(...inputs: ClassValue[]) {
return twMerge(clsx(inputs))
}
Install the shadcn/ui dependencies:
You need to install shadcn components, like this:
npx shadcn@latest add card
Copy and paste the Timeline code into your project.
API Reference
Props
Prop | Type | Description |
---|---|---|
head | string | Timeline header. |
describtion | string | Timeline description. |
timeline | TimelineItem[] | Timeline items |