Timeline

Vertical activity feed (the Gavel TimelineCard): each event has a tone-colored icon disc joined by a connector rail, an actor/action/time line, and an optional body bubble for threaded detail. Domain-agnostic — callers compose bodyHeader (e.g. a file anchor + status Badge) and body themselves.

Source

Import

import { Timeline } from "@flanksource/clicky-ui/data";

Demos

Default · Open in Storybook

Renders All Events · Open in Storybook

The props table documents the component-specific surface. Standard DOM attributes inherited from React, such as className, event handlers, and accessibility attributes, may also be accepted when the component’s prop type extends a native element.

Props

Prop	Type	Default	Description
className	string	—	Classes applied to the list.
items*	TimelineItem[]	—	Events rendered top to bottom, connected by a rail.