HelixOverviewDocsComponentsSandboxTheme builderCortexDocsEngramBuildingTraceBuildingRecallDeclaredServicesInsightsGet in touchSource on GitHub
Loading the reference
TimelineView SourceEdit in SandboxView MarkdownCopy MarkdownOpen in ClaudeOpen in CursorA record of what happened, in the order it happened.StableSince 0.1.0DataUsageimport'@fusion.dev/helix/timeline'import'@fusion.dev/helix-headless/timeline'Preview
API ReferenceRoothelix-timelineA record of what happened, in the order it happened.
PropTypeDefaultDescriptionlabelstring""Names the record, for a reader arriving at it out of context.
ReadTypeDescriptionwhenSettledPromise<void>Resolves a frame after the first update, when transitions are switched on.
SlotDescription(default)The entries.
CSS PropertyDescription--timeline-gapSpace between one entry and the next.
Itemhelix-timeline-itemOne event on a timeline: when it happened, and what it was.
PropTypeDefaultDescriptiondatetimestring""When it happened, machine-readable.tone"danger"|"info"|"neutral"|"primary"|"success"|"warning"What kind of event it was, which decides the mark's color and nothing else.
ReadTypeDescriptionwhenSettledPromise<void>Resolves a frame after the first update, when transitions are switched on.
SlotDescription(default)What happened.markerThe mark on the line. Falls back to a dot, which is the slot's own fallback content: whether a consumer slotted a mark is a question only the platform can answer, and it answers it at assignment time.timeWhen it happened, as a reader should see it written.
PartDescriptionconnectorThe line arriving at this entry.contentWhat happened, and the time above it.dotThe mark drawn where nothing was slotted for one.markerThe mark on the line.railThe column holding the mark and the line.timeWhen it happened.
CSS PropertyDescription--timeline-marker-radiusHow round the mark is. Zero is a square, and half its size is a disc.--timeline-marker-sizeEdge length of the mark.--timeline-rail-sizeWidth of the line.
Roothelix-headless-timelineA record of what happened, in the order it happened.
PropTypeDefaultDescriptionlabelstring""Names the record, for a reader arriving at it out of context.
ReadTypeDescriptionwhenSettledPromise<void>Resolves a frame after the first update, when transitions are switched on.
SlotDescription(default)The entries.
Itemhelix-headless-timeline-itemOne event on a timeline: when it happened, and what it was.
PropTypeDefaultDescriptiondatetimestring""When it happened, machine-readable.tone"danger"|"info"|"neutral"|"primary"|"success"|"warning"What kind of event it was, which decides the mark's color and nothing else.
ReadTypeDescriptionwhenSettledPromise<void>Resolves a frame after the first update, when transitions are switched on.
SlotDescription(default)What happened.markerThe mark on the line. Falls back to a dot, which is the slot's own fallback content: whether a consumer slotted a mark is a question only the platform can answer, and it answers it at assignment time.timeWhen it happened, as a reader should see it written.
PartDescriptionconnectorThe line arriving at this entry.contentWhat happened, and the time above it.dotThe mark drawn where nothing was slotted for one.markerThe mark on the line.railThe column holding the mark and the line.timeWhen it happened.
ExamplesNameDescriptionPreviewEvents down a line, each with its own mark and time.PreviewEvents down a line, each with its own mark and time.