Components

Timeline

Timeline — an ordered track of events connected by a running line, each with an icon on the line and detail to one or both sides. Use it to show a sequence in time (a reservation's lifecycle, a stay's check-in to check-out, a delivery's status) so people can follow what happened and what comes next. Feed it an `items` array: each event supplies a `start` label, a `middle` marker, and an `end` detail, and the connectors between events are drawn for you. Set `orientation` to run it horizontally, `compact` to keep every event on one side, and clear an item's `boxed` flag when its detail should sit inline instead of in a card. It is read-only structure, not a control — reach for Steps when a person is moving through a process.