Timeline

The Timeline component visualizes a sequence of events.

Usage

import Timeline from '~/components/sections/Timeline.astro';

const items = [
  { date: '2023', title: 'Founded', description: 'We started our journey.' },
  { date: '2024', title: 'Growth', description: 'Reached 100k users.' }
];

<Timeline items={items} />

Example

1

Q1 2024

Project Kickoff

Initial planning and design phase completed.

2

Q2 2024

Beta Launch

First release to early access users.

3

Q3 2024

Public Release

Global availability and marketing campaign.

Props

Prop	Type	Default	Description
`items`	`TimelineItem[]`	Required	Array of objects with `date`, `title`, and `description`.