Timeline Swimlane

Preview in your theme

ready · 6 lanes · 14 items on one shared axis · Field crew is booked by nobody and still owns a row · Hour / Day / Week rescales the track (arrow keys work inside the group) · overlapping items stack into sub-rows · dashed = tentative, red = flagged, diamonds = instants · the chip and the line mark 12:40, passed in as `now`, never read from the clock

Mar 4, 2026, 07:00 – Mar 4, 2026, 16:00

6 lanes · 14 items · times in UTC

Lane

Studio AStage 4 · Talon Hermann V

Studio BBooth 2 · Alonzo Fay

Edit baySuite 1

LivestreamPrimary CDN

Support deskOn call · Everett Gibson

Field crewVan 2 · unbooked

Hover, focus or select an item to read its details. Arrow keys move along a lane and across lanes.

onItemSelect → nothing selected (click a bar, Escape clears)

ready · degenerate data · 10 hostile rows: a zero-length item and a reversed one collapse to diamonds, an unreadable start is counted in the footer instead of vanishing, an unreadable end still places its start, an item on an undeclared lane lands in a synthetic “Unassigned” row, three identical bookings stack three deep, a one-second job is widened to a clickable minimum and a 100-character label truncates in the bar but not in the detail line

Mar 4, 2026, 08:00 – Mar 4, 2026, 14:00

3 lanes · 9 items · 1 unplaced · times in UTC

Lane

Alpha rig3 items

Beta rigShared

Unassigned1 item

Hover, focus or select an item to read its details. Arrow keys move along a lane and across lanes.

1 item not drawn — unreadable timing

ready · a single instant · start equals end and there is nothing else, so the window would be zero wide; it is opened to one whole step instead of dividing by zero

Mar 4, 2026, 09:00 – Mar 4, 2026, 10:00

1 lane · 1 item · times in UTC

Lane

Batch runnereu-west-1

Hover, focus or select an item to read its details. Arrow keys move along a lane and across lanes.

loading · skeleton lanes keep the pinned column width and the lane height of the real chart, so nothing jumps when the data lands (skeletonLanes={3})

Broadcast day

empty · the default empty slot; pass emptyState to replace it with your own CTA

Broadcast day

Nothing on the boards

Book a slot on any lane and it will appear on the shared time axis.

error · onRetry given → “Try again” flips the branch to ready; press it twice quickly and it still fires once (ref guard), and it goes aria-disabled rather than native disabled so focus is never dropped

Broadcast day

Schedule unavailable

The lanes could not be loaded.

Loading preview…

This component is part of Pro

The install command, prompt and concept map are included with a Pro license — one purchase unlocks every Pro component, forever.

Unlock with Pro