Timeline

The Timeline block renders a sequence of dated entries. It supports vertical, split (alternating left-right), and horizontal scroll layouts.

Props

string

Section heading rendered as <h2>.

string

Supporting text below the heading.

TimelineEntry[]

Array of timeline entry objects. Each has:

date (string) — date or period label displayed as a small caps caption
title (string) — entry heading
description (string) — supporting text
image (SanityImageObject) — optional image with LQIP support

Button[]

Optional CTA buttons rendered below the timeline.

'vertical' | 'split' | 'horizontal'

Layout variant. Defaults to vertical.

Value	Description
`vertical`	Single-column list with a left-aligned date in a fixed 60px column and a vertical line
`split`	Alternating left-right entries on either side of a centered vertical line
`horizontal`	Horizontally scrollable entries above a single horizontal line

Usage in Sanity Studio

Add a Timeline block to a page.
Set a Heading and optional Description.
Add entries to the Items array — each needs a date label and title.
Choose a Variant in Layout Options.

Example

{
  _type: 'timeline',
  heading: 'Program Milestones',
  variant: 'vertical',
  items: [
    { date: 'Sep 2024', title: 'Kickoff', description: 'Teams formed and sponsors assigned.' },
    { date: 'Dec 2024', title: 'Midpoint Review', description: 'Progress presentations to sponsors.' },
    { date: 'May 2025', title: 'Showcase', description: 'Final demo day open to the public.' }
  ]
}

Concepts

Custom Blocks

Template Blocks

Adding Blocks

Props

Usage in Sanity Studio

Example

​Props

​Usage in Sanity Studio

​Example

Props

Usage in Sanity Studio

Example