| title | Timeline |
|---|---|
| parent | Display and data |
| grand_parent | Components |
{: .no_toc }
Events in order, each with a time, a title and an optional note.
import { Timeline } from '@textui/widgets';
<Timeline
items={[
{ time: '09:02', title: 'Deploy started' },
{ time: '09:04', title: 'Health check failed', tone: 'danger', description: 'billing-worker' },
]}
/>| Prop | Type | Default | |
|---|---|---|---|
items |
{ time?: string; title: string; description?: string; tone?: 'default' | 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'danger' | 'info' | 'muted'; icon?: string; }[] |
required |
Plus everything on BoxProps.
Ordered top to bottom, in the order given - the component does not sort, since "most recent first" and "oldest first" are both right depending on whether you are reading history or watching it happen.
tone marks an entry, which is what separates the failed step from the four that worked.