Data display
Timeline
A vertical career or project timeline.
import { Timeline } from '@jsonresume/ui'Source(opens in a new tab)
Examples
- May 2021 – Present
Principal Engineer, AI
Independent
Agentic systems and document pipelines for an HR-tech SaaS.
- 2018 – 2020
Senior JavaScript Developer
Tokenized
Electron wallet with local key management.
- 2014
Founded JSON Resume
Open source
Show code
timeline/career.tsx
import { Timeline } from '@jsonresume/ui';
export default function TimelineCareer() {
return (
<Timeline
label="Career"
items={[
{
date: 'May 2021 – Present',
title: 'Principal Engineer, AI',
subtitle: 'Independent',
description:
'Agentic systems and document pipelines for an HR-tech SaaS.',
current: true,
},
{
date: '2018 – 2020',
title: 'Senior JavaScript Developer',
subtitle: 'Tokenized',
description: 'Electron wallet with local key management.',
},
{ date: '2014', title: 'Founded JSON Resume', subtitle: 'Open source' },
]}
/>
);
}Accessibility
- An ordered list; each entry has a heading.
Props
<Timeline>
| Prop | Type | Default | Description |
|---|---|---|---|
| items required | TimelineEntry[] | – | |
| headingLevel | 234 | 3 | |
| label | string | Timeline |