items with a content for each event, and Timeline draws them in order down a line with a dot for each.color to green, red, blue or gray, another color name like purple, or any CSS color.variant to filled to draw each dot as a solid circle instead of the default outlined ring.icon to draw a glyph in place of its dot, in the item's color.shape to circle or square to put each item's icon in a box, colored by the item's color.size="small" to draw the shape boxes smaller, for a short list of events.shape, set variant to outlined, filled or solid to draw the box as a surface, a tint of the item's color or that color in full.mode="alternate" to put each title and content on opposite sides, and placement on one item to move that row.mode="end" to move the line to the end side, with the content before it, which flips in a right-to-left email.orientation="horizontal" to lay the items out in a row of equal columns, like the steps of a checkout.orientation="horizontal" with shape to draw each step of a checkout as a box on the line.titleSpan to size the column the titles sit in, as a column count out of 24 or as a width like 120px.reverse to show the items in the opposite order without changing the array, like an invoice history shown newest first.color shows its state, with the time under each event in small muted text.mode="alternate", with a date in each title and a small Card for the milestone in each content.