Quarter Timeline
Four quarters on a line with status chips and struck through shipped items.
Four quarters on a line with status chips and struck through shipped items.
Search blocks by description or jump to a page.
The source for every Marketing block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Quarter Timeline lays the year along a line. Four quarter discs sit on a connecting rule, the current one filled primary, each with a status chip, shipped, in progress, planned, exploring, and a short initiative list. Shipped items render struck through in muted text, which quietly proves the timeline updates rather than accumulates.
The quarters are one array of label, status, items, and a current flag. The strikethrough treatment on shipped quarters is the credibility device, a roadmap that shows its past kept reads differently from one that only promises. Two or three items per quarter is the honest density.
Reach for this block when buyers think in budget years and want to see the product calendar against theirs. It trades the fluid semantics of roadmap-columns for dated accountability, which suits companies with real delivery discipline and punishes the rest. The Q1 strikethroughs are your best argument that Q3 will happen.
A natural flow around it on a Marketing Pro page:
Before
After
One strong use is the product year across four quarters. Other timelines:
Tip: never publish a quarter you would not strike through in public, the timeline only works if Q1 visibly happened.