build69
build69  /  Components  /  Timelines  /  TimelineSwimlanes

TimelineSwimlanes

v1.0.1Updated 20 Jul 2026

Parallel-track timeline with one swimlane per actor / department / channel. Use for cross-team operations and multi-channel campaigns.

Preview

Live · 7 stories
DefaultOpen ↗
Why this is recommendedtimelineswimlanesparalleltracks+2

The default, out-of-the-box TimelineSwimlanes.

Recommended for+14
  • Cross-team operations boards
  • Multi-channel campaigns
  • Service-level dashboards
Tags+6
timelineswimlanesparalleltracksoperationsdefault
Features+4
  • Parallel tracks (swimlanes)
  • Per-track header label
  • Configurable lane height
  • Time axis at top
  • Five-lane operations variant
Not recommended for−2
  • Single-track narratives (use Timeline / TimelineCentered)

Install

Ask your agent, or call the MCP tool directly. The resolved bundle is written into your project.

get_registry_item({ name: "TimelineSwimlanes" })

Usage

import { TimelineSwimlanes } from '@/components/data-display/timeline-swimlanes';

<TimelineSwimlanes lanes={lanes} />

Tick variants in the left menu — each adds a tab with that variant’s real story source, the same code the preview above renders.

Props

PropTypeRequired
lanes

Lanes with events

TimelineSwimlanesLane[]yes

Related