@redrob-labs/ui v1.0.2 · Redrob Group Design System 2026

AgentTimeline

Agent chat · src/components/AgentTimeline/AgentTimeline.tsx

What the agent is doing, in order, as it happens.

An ordered list, so the sequence survives with the stylesheet off and is announced as a sequence. The step in progress carries aria-current="step", which is what tells a screen reader where the run has got to rather than leaving it to the dot's colour.

Import

import { AgentTimeline } from '@redrob-labs/ui';

Rendered

The design system's own preview case, run against this package's build. The parity gate compares this rendering to the reference bundle's.

Props

PropTypeNotes
steps AgentTimelineStep[]
label string
className string

Exported types

AgentTimelineStep