Skip to content

Timeline

Open .md
Live preview

Loading example…

Vertical activity feed: marker rail on the left, grouped by day, newest first by convention.

import { Timeline } from "@jcsoftdev/ui/containers";

Single-component entry points tree-shake to just this component: @jcsoftdev/ui/containers/timeline.

<Timeline items={items} />
Prop Type Default Description
items * TimelineFeedItem[]

* marks a required prop.

It also accepts the native props of the element or primitive it renders (for example className, id, aria-* and event handlers).

packages/ui/src/containers/timeline/timeline.tsx