Jenga
One stage of a vertical timeline: a state marker with a title and optional subtitle beside it, and a connector line down to the next stage. Stack items in a column or lazy list, giving each its position; each item draws its own connector, so no measuring pass is needed. The connector below a done stage is drawn in the reached color.
Parameters
the stage's progress; see JengaTimelineState.
the stage name.
where the stage sits; see JengaTimelinePosition.
the Modifier for this item.
optional line under the title (e.g. a date or who did it).
optional end slot; inherits the subtitle color.
spoken description of state (e.g. "Done").
the marker diameter.
padding around the stage text.
the title text style.
the subtitle text style.
the color set; defaults to JengaTimelineDefaults.colors.
Samples
Column(
content = {
JengaTimelineItem(
state = JengaTimelineState.Done,
title = "Lead created",
position = JengaTimelinePosition.First,
subtitle = "12 Mar",
)
JengaTimelineItem(
state = JengaTimelineState.Current,
title = "Quotation",
position = JengaTimelinePosition.Middle,
)
JengaTimelineItem(
state = JengaTimelineState.ToDo,
title = "Installation",
position = JengaTimelinePosition.Last,
)
},
)One item of a vertical timeline with any marker and any content: a marker with the content beside it, and a line in lineColor from the marker down to the next item. The line follows the item's height. Stack items in a column or give each its own item {} in a lazy list, with JengaTimelinePosition.of for position.
Parameters
where the item sits; the last and only items draw no line below.
the marker, e.g. a JengaTimelineMarker; drawn in a markerSize wide column.
the Modifier for this item.
the color of the line below this item.
the width of the marker column; the line starts this far below the top.
padding around content.
the item body.