Skip to content

Timeline

Records over time: rows of chart-coloured bars across week, month or quarter columns.

Group: Data · Kind: macro · in the lite catalog

example

Open in the playground

showCount
Prop Type Required Bindable Description
source string – – Where a records view=timeline binding lands.
labelField string – – The row field a bar shows. Default "title".
rowTitle string – – The row labels’ heading.
showCount boolean – – Each row’s count under its label. Default false.
style style – – Frame styles.
  • on.open: runs an action

None.

none

No basic catalog component maps here.

Box · Text

Role: table

table of rows over time columns; each bar a button named by its label that fires open in its scope.

Keys Action
Tab through the bars; Enter Space open

Recipe parts: Timeline/root Timeline/bandsRow Timeline/corner Timeline/cornerLabel Timeline/bands Timeline/band Timeline/bandLabel Timeline/columnsRow Timeline/columnsCorner Timeline/columns Timeline/column Timeline/columnLabel Timeline/rows Timeline/row Timeline/rowHead Timeline/rowLabel Timeline/rowCount Timeline/track Timeline/cells Timeline/cell Timeline/bars Timeline/bar Timeline/barLabel Timeline/now

Keyed by: today tone contL contR :hover :pressed :focus :disabled :checked :open :selected :invalid :dragover

Themes · Write a theme

Text · Table · Chart · Sparkline · StatTile · Calendar · RecordForm · RecordTable