Components

Timeline

Events in order, each on a dot joined by a line: an activity feed or a history.

PaidToday, 09:12
$1,850 to Northside Lettings.
Amount changed3 Sep
From $1,800 to $1,850.
Created1 Aug

Import

import { Timeline, TimelineItem } from '@rinzai/zen';

API reference

<Timeline>

Events in order, each on a dot joined by a line: an activity feed, a history.

No props of its own; it accepts the props of the element it renders.

<TimelineItem>

One event: its title, when (time), and anything more as children. icon replaces the dot; active lights it in the accent, e.g. what's happening now.

Prop	Type	Default
`title`Required	`ReactNode`	`—`
`active` Lit in the accent: the current or latest event.	`boolean`	`—`
`icon` An icon in place of the dot.	`ReactNode`	`—`
`time` When it happened, e.g. a <time> or "2 hours ago".	`ReactNode`	`—`