HelixOverviewDocsComponentsSandboxTheme builderCortexDocsEngramBuildingTraceBuildingRecallDeclaredServicesInsightsGet in touchSource on GitHub
Loading the reference
TrendView SourceEdit in SandboxView MarkdownCopy MarkdownOpen in ClaudeOpen in CursorWhich way a measurement moved, and whether that is good news.StableSince 0.1.0ChartsUsageimport'@fusion.dev/helix/trend'import'@fusion.dev/helix-headless/trend'Preview
API ReferenceRoothelix-trendWhich way a measurement moved, and whether that is good news.
PropTypeDefaultDescriptiondirection"down"|"neutral"|"up"Which way the measurement moved.good"down"|"up"Which direction is the improvement, for this metric.
ReadTypeDescriptionwhenSettledPromise<void>Resolves a frame after the first update, when transitions are switched on.
SlotDescription(default)The metric that moved.labelWhat it moved over.
PartDescriptiondirectionThe direction as a word, for readers who are not looking.iconThe arrow.
CSS PropertyDescription--trend-colorColor of the arrow, overriding the judgment.--trend-icon-sizeSize of the arrow.
Roothelix-headless-trendWhich way a measurement moved, and whether that is good news.
PropTypeDefaultDescriptiondirection"down"|"neutral"|"up"Which way the measurement moved.good"down"|"up"Which direction is the improvement, for this metric.
ReadTypeDescriptionwhenSettledPromise<void>Resolves a frame after the first update, when transitions are switched on.
SlotDescription(default)The metric that moved.labelWhat it moved over.
PartDescriptiondirectionThe direction as a word, for readers who are not looking.iconThe arrow.
ExamplesNameDescriptionJudgmentThe same fall three times, and only one of them is bad news. Down is the direction the convention gets wrong.PreviewAll four ways a movement can land, two of them down.PreviewAll four ways a movement can land, two of them down.