Docs
Timeline
Timeline
Displays a beautiful Timeline.
Changelog for BuouUI
this timeline is very suitable for web changelog
2024.10
Create many copy-paste Animations
Macbook Dock
Screen Scorlling
Dashboard Sidebar
Animation Stpper
Animation Text
2024.10
Create many copy-paste Animations
Macbook Dock
Screen Scorlling
Dashboard Sidebar
Animation Stpper
Animation Text
2024.9
We build the first version.
Color Button
Record Card
Levitate Card
2024.9
We build the first version.
Color Button
Record Card
Levitate Card
2024.8
We create BuouUI in this moment.
2024.8
We create BuouUI in this moment.
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 cardCopy 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 |