items with a content for each event, and Timeline draws them in order down a rail with a dot for each.color to a color name like blue or violet, or any CSS color.variant to filled to draw each dot as a solid circle instead of the default outlined ring.icon to replace its dot, like a check for a passed build or a spinner for one still running.shape to circle, square or squircle 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 dense feed or a sidebar.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 rail to the end side, with the content before it, which flips in a right-to-left layout.orientation="horizontal" to lay the items out in a row, like the steps of a checkout.orientation="horizontal" with shape to draw each step of a checkout as a box on the rail.titleSpan to size the column the titles sit in, as a column count out of 24 or as a CSS width string.loading on an item to mark it in progress, and give it a spinning icon so the spinner comes from your icon pack.reverse to show the items in the opposite order without changing the array, like an invoice history shown newest first.Tag for the tool name, and a failed call followed by its retry.mode="alternate", with the speaker in title on one side and what they said in content on the other.color shows the verdict at that stage, from gray while queued to green once cleared.mode="alternate", with a date in each title and a milestone card with its team in each content.color="red".icon, how long it has waited and buttons to act on it.