Vertical chronology for experience, activity and audit trails, built on an ordered list.

npx slipstream-ui@latest add timeline
Experience
  1. 2023 — Present

    Senior Engineer

    Platform team; design system owner.

  2. 2020 — 2023

    Engineer

    Built the scheduling pipeline.

  3. 2018 — 2020

    Junior Engineer

Props

PropTypeDefaultDescription
items{ title: string; period?: string; description?: string; icon?: ReactNode; muted?: boolean }[]requiredOrdered timeline entries.

Accessibility

  • Ordered-list semantics keep the sequence structural.
  • Muted entries dim visually; text content stays unchanged.

Browser support

BrowserTested versions
Chrome111+ (Mar 2023)
Edge111+ (Mar 2023)
Firefox121+ (Dec 2023)
Safari17.2+ — macOS & iOS (Dec 2023)

Slipstream components rely only on CSS custom properties, Flexbox/Grid, and ARIA — the everyday baseline of the last two years of evergreen releases. Anything newer is progressive enhancement: unsupported browsers keep full functionality with static behavior instead of animations.

Was this page helpful?