Timeline

Vertical / horizontal sequence of events. Bind an :items array for the built-in row layout (marker + title + description, with the timestamp opposite the line), or author items declaratively with <BsTimelineItem> and per-region slots. Customise any region with a scoped slot, opt into selection with selectable, and flip render order with reverse.

Playground

Toggle each input with a <BsSelect> or <BsCheckbox> and watch the single live timeline — and the copyable snippet beneath it — update to match.

ReverseCustom markersCard content

Declarative authoring

Instead of binding :items, drop <BsTimelineItem> children directly inside <BsTimeline> and project into the named slots. Handy when each item's markup is bespoke rather than uniform.

Kickoff
Project scoping and team assembly.
2026-01-10
Shipped v1
First public release.
2026-05-01