A data-driven timeline of events. Bind [items] and the component renders a marker, title, description and an opposite-side timestamp for each one. Layout is configurable via orientation, align, reverse and selectable; every region can be overridden with a structural template directive (*bsTimelineMarker, *bsTimelineContent, *bsTimelineTimestamp). Items can also be authored declaratively as <mp-timeline-item> children.
Toggle each input below with a <bs-select> or <bs-checkbox> and watch the single live timeline — and the copyable snippet beneath it — update to match.
single or multiple. With none it renders as a plain list — the items carry no tabindex and take no focus. multiple, adds or removes the focused item; with single it behaves like Entermultiple, adds every enabled item between the anchor and the focused item Instead of binding [items], drop <mp-timeline-item> children directly inside <bs-timeline> and project into the named slots (opposite, content). Handy when each item's markup is bespoke rather than uniform.