Components
TimelineSection
Vertical timeline with date, title, description, and optional icon per event.
Import
import { TimelineSection } from "@sigil-ui/components";Preview
Usage
<TimelineSection
label="Changelog"
title="What's new"
events={[
{ date: "Apr 2026", title: "v2.0 released", description: "Complete token system rewrite." },
{ date: "Mar 2026", title: "Preset system", description: "31 curated presets." },
{ date: "Feb 2026", title: "CLI launched", description: "Init, add, preset, doctor." },
]}
/>With custom icons
<TimelineSection
title="Milestones"
events={[
{ date: "2026", title: "Launch", icon: <RocketIcon /> },
{ date: "2025", title: "Founded", icon: <StarIcon /> },
]}
/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | — | Uppercase mono label |
title | string | — | Section heading (omit to hide) |
description | string | — | Supporting text |
events | TimelineEvent[] | required | Array of { date, title, description?, icon? } |
className | string | — | Additional CSS classes |
Plus all standard <section> HTML attributes.