pleate.ui
Data

Timeline

Events in order along a line, with done, current and upcoming states.
import { Timeline, TimelineItem } from "pleate/timeline";

Booking status and day plan

Booking HT-2041

  1. 2 MayBooking confirmed
    Confirmation sent to sofia@rossi.it
  2. 3 MayPayment received
    €384 charged to Visa ending 4242
  3. TodayCheck-in opens
    Open until 2 hours before departure
  4. 12 JuneDeparture

Saturday in Lisbon

  1. 09:40Land in Lisbon
  2. 11:30Check in at Alfama flat
  3. 13:00Lunch at Time Out Market
    Table for 4 under Rossi
  4. 16:00Tram 28 to Graça

Props

title / time / description

Content.

ReactNode

status

Marker and line style; current gets aria-current.

"done" | "current" | "upcoming"default "done"

tone / icon

Marker color and glyph.

"accent" | "success" | "warning" | "danger" / ReactNode