Timeline
Used to display a list of events in chronological order.
Product Shipped
13th May 2021
Your package has been dispatched and is on its way to the destination. Estimated delivery within 5-7 business days.
Order Confirmed
18th May 2021
Order Delivered
20th May 2021, 10:30am
Installation
pnpm dlx shadcn@latest add https://blok-staging.vercel.app/r/timeline.jsonUsage
Examples
The following are examples of our timeline components.
Variants
Christian created a new project
Christian changed status fromIn progresstoCompleted
Christian created a new project
Christian changed status fromIn progresstoCompleted
Christian created a new project
Christian changed status fromIn progresstoCompleted
Christian created a new project
Christian changed status fromIn progresstoCompleted
Sizes
Small
Product Shipped
Order Confirmed
Medium
Product Shipped
Order Confirmed
Large
Product Shipped
Order Confirmed
Connector Variants
Solid
Step 1
Step 2
Dashed
Step 1
Step 2
Dotted
Step 1
Step 2