MarovStudio
Back to marketplace

Timeline

Timeline for order tracking

Data displaytimelinestepsordertrackingstatus
FullscreenCreate free account

  1. Order placed

    09:12

  2. Payment confirmed

    09:13

  3. Packed

    11:40

  4. Out for delivery

    —

Code locked
export function TimelineList() {
  const items = [
    { title: "Order placed", time: "09:12", done: true },
    { title: "Payment confirmed", time: "09:13", done: true },
    { title: "Packed", time: "11:40", done: true },
    { title: "Out for delivery", time: "—", done: false },
  ];

Sign in to see the code

Create a free account to copy the full source, usage snippet and AI prompt of every component.

Create free accountSign in

Free — no card required.

Related components

Revenue

₼12,480

+12.4%vs last month

Refunds

₼310

−4.1%vs last month

Stat Card

Data display · Stat card with a trend delta

AMRSKVTL+8

Avatar Group

Data display · Overlapping avatar stack

4 out of 5

Rating Stars

Data display · Star rating with hover and click